/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
/*  @import url(https://db.onlinewebfonts.com/c/90b3680786db32f9b5c112d1537677db?family=ProximaNova-Regular);*/

/*@font-face {*/
/*    font-family: "ProximaNova-Regular";*/
/*    src: url("https://db.onlinewebfonts.com/t/90b3680786db32f9b5c112d1537677db.eot");*/
/*    src: url("https://db.onlinewebfonts.com/t/90b3680786db32f9b5c112d1537677db.eot?#iefix")format("embedded-opentype"),*/
/*    url("https://db.onlinewebfonts.com/t/90b3680786db32f9b5c112d1537677db.woff2")format("woff2"),*/
/*    url("https://db.onlinewebfonts.com/t/90b3680786db32f9b5c112d1537677db.woff")format("woff"),*/
/*    url("https://db.onlinewebfonts.com/t/90b3680786db32f9b5c112d1537677db.ttf")format("truetype"),*/
/*    url("https://db.onlinewebfonts.com/t/90b3680786db32f9b5c112d1537677db.svg#ProximaNova-Regular")format("svg");*/
/*}*/
/*  h1, h2 {*/
/*            font-family: "ProximaNova-Bold" !important;*/
/*            }*/
/*           h3, h4, h5, h6, p {*/
/*            font-family: "ProximaNova-Regular" !important;*/
/*            }*/
/*            a.nav-link {*/
/*            font-family: "ProximaNova-Bold" !important;*/
/*            font-size: 15px !important;*/
/*            }*/
/*            .navbar-light .navbar-nav .nav-link {*/

/*    font-family: "ProximaNova-Bold" !important;*/
/*}*/
/*         .spotlight-card .spotlight-body ul li {*/
/*           font-family: "ProximaNova-Regular" !important;*/
/*         }*/
/*         a.main-cta {*/
/*             font-family: "ProximaNova-Regular" !important;*/
/*         }*/
/*         a:last-child {*/
/*              font-family: "ProximaNova-Regular" !important;*/
/*         }*/
/*         fieldset#edit-preferred-study-destination span, fieldset#edit-preferred-fes-branch--wrapper span {font-family: "ProximaNova-Regular" !important;*/
/*         }*/
.event-cta {
    display: flex;
    justify-content: center;
    gap: 35px;
}

.event-content section.desti-content p {
    font-size: 16px;
}

.event-details .event-time:before {
    transform: scale(1.4);
}

.event-details .event-date:before {
    transform: scale(1.4);
}

.event-details .event-location:before {
    transform: scale(1.4);
}

@media (min-width: 768px) {
    .event-details-mob.row {
        display:none;
    }

    .event-page .desk-frag {
        filter: brightness(0.5);
        width: 100%;
    }
}

.event-list .event-date:before {
    content: url(<?php echo esc_url(home_url()); ?>/sites/default/files/2024-06/Vector.jpg);
    margin: 0px 8px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.event-list span.event-location:before {
    content: url(<?php echo esc_url(home_url()); ?>/sites/default/files/2024-05/Locationt_0.svg);
    margin: 0px 8px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.event-list span.event-time:before {
    content: url("<?php echo esc_url(home_url()); ?>/sites/default/files/2024-05/timets_0.svg");
    margin: 0px 8px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.event-list .event-card:hover {
    transition: all linear 0.3s;
    cursor: pointer;
    border-radius: 20px;
    border: 1px solid rgb(255 132 0 / 42%);
    background: #FFFBF6;
    box-shadow: 0px 4px 30px 0px rgba(255,132,0,0.20);
}

.event-list span.event-date {
    display: block;
    margin-bottom: 12px;
    color: #ff8400;
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
}


.event-list .event-card-content h4 {
    font-size: 1.4rem;
    font-family: 'ProximaNova-Regular';
    margin-bottom: 20px;
    color: #253746;
}

.event-list span.event-location {
    display: flex;
    margin-bottom: 12px;
    color: #6E6D6D;
}

.event-list span.event-time {
    display: block;
    margin-bottom: 12px;
    color: #6E6D6D;
}

.event-list a.view-event {
    margin: 0px auto 0;
    font-size: 14px;
    text-align: center;
    transition: all linear 0.3s;
    background: #ffffff;
    padding: 10px 25px;
    color: #ff8400;
    border-radius: 5px;
    border: 1px solid #ff8400;
    text-decoration: unset;
    cursor: pointer;
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
    width: 100%;
}

.event-list .event-card-cta {
    margin-top: 25px;
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.event-list a.view-event:hover {
    background: #ff8400;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.event-list .event-card-cta a:nth-child(2) {
    transition: all linear 0.3s;
    background: #ff8400;
    padding: 10px 25px;
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #ff8400;
    margin-top: 0;
    text-decoration: unset;
    cursor: pointer;
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

.event-list .event-card-cta a:nth-child(2):hover {
    background: #fff;
    color: #ff8400 !important;
    border: 1px solid #ff8400;
}

.event-details .event-time,.event-details .event-location,.event-details .event-date {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
}

.event-page section.event-content section.desti-content h2 {
    padding-left: 0;
}


.event-details .event-list span.event-date {
    color: #ff8400;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}

.event-details .event-list .event-card h4 {
    font-family: 'ProximaNova-Regular';
    font-size: 1.2rem;
    color: #253746;
    line-height: 1.6rem;
}

.event-cta a {
    transition: all linear 0.3s;
    background: #ff8400;
    padding: 10px 50px;
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #ff8400;
    display: inline-block;
    margin-top: 0;
    text-decoration: unset;
    cursor: pointer;
    font-family: 'ProximaNova-Regular';
    font-weight: 500;
}

.event-cta a:hover {
    background: #fff;
    color: #ff8400 !important;
    border: 1px solid #ff8400;
}

button#event-social-share {
    text-align: center;
    transition: all linear 0.3s;
    background: #ffffff;
    padding: 10px 50px;
    color: #ff8400;
    border-radius: 5px;
    font-family: 'ProximaNova-Regular';
    font-weight: 500;
    border: 1px solid #ff8400;
    text-decoration: unset;
    cursor: pointer;
    width: max-content;
}

button#event-social-share:hover {
    background: #ff8400;
    border: 1px solid #ff8400;
    color: #ffffff;
}

.event-cta {
    background-color: transparent;
    color: #fff;
    margin: 145px auto 0;
    z-index: 999;
    position: relative;
    text-align: center;
    width: 75%;
}

.event-details.row {
    font-size: 1.2rem;
    background-color: #253746;
    color: #fff;
    width: 88%;
    margin: -50px auto 0;
    padding: 50px 30px;
    z-index: 9;
    position: absolute;
    left: 0;
    right: 0;
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
}

section.event-list footer a {
    margin: 35px auto 0;
    display: block;
    text-align: center;
    transition: all linear 0.3s;
    background: #ffffff;
    padding: 10px 45px;
    color: #ff8400;
    border-radius: 5px;
    border: 1px solid #ff8400;
    text-decoration: unset;
    cursor: pointer;
    width: max-content;
}

section.event-list footer a:hover {
    background: #ff8400;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.event-card {
    border: 1px solid #D8DBDE;
    padding: 0;
    width: 30%;
    border-radius: 19px;
    margin-top: 40px;
}

.event-card img {
    width: 100%;
    border-radius: 19px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.event-list .row {
    justify-content: space-around;
    display: flex;
    gap: 40px;
    row-gap: 0px;
}

.event-card-content {
    padding: 20px;
}

.event-card-content a span,.event-card-content a h4 {
    margin-top: 15px;
    margin-bottom: 20px;
}

section.event-list {
    padding: 3% 0 5%;
}

section.event-list h2 {
    font-family: 'ProximaNova-Bold';
    color: #263747;
}

.event-page section.why-events .card img {
    width: 50px;
    height: 50px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    object-fit: contain;
}

.event-page section.why-events .card {
    border: unset;
}

.event-page section.why-events {
    padding: 3% 0px;
}

.event-page section.why-events h2 {
    margin-bottom: 35px;
    font-family: 'ProximaNova-Bold';
    color: #263747;
}

.event-page section.why-events .icon-text h3 {
    text-align: center;
    font-size: 1.4rem;
    font-family: 'ProximaNova-Regular';
}

.event-page .event-register a {
    transition: all linear 0.3s;
    background: #ff8400;
    padding: 10px 35px;
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #ff8400;
    width: 100%;
    margin-top: 0;
    text-decoration: unset;
    cursor: pointer;
}

.event-page .event-register {
    text-align: end;
}

.event-page .event-register a:hover {
    background: #fff;
    color: #ff8400 !important;
    border: 1px solid #ff8400;
}

.event-page .main-text h1 {
    position: relative;
    bottom: unset;
    left: unset;
    font-size: 2.8rem;
}

.event-page section.hero-banner .main-text {
    position: absolute;
    left: unset;
    top: 25%;
    width: 85%;
    padding-left: 6%;
}

.event-page section.hero-banner .main-text p {
    color: #ffffff;
    font-size: 2.6rem;
}

@media (max-width: 767px) {
    .event-listing-page .event-banner-cta a:first-child,.event-listing-page .event-banner-cta a.view-event {
        width:60%;
        display: block;
        margin: 15px auto;
    }

    section.hero-banner.help-fragho-new {
        background-position-y: 80px;
    }

    .event-card img {
        border-radius: 0;
    }

    .event-list .event-card:hover {
        border-radius: 0;
    }

    section.hero-banner.events-banner {
        background-color: rgba(171,171,171,0.14);
    }

    section.event-content .container {
        padding: 0 15px;
    }

    .event-carousal .owl-dots button.owl-dot span {
        width: 40px!important;
        border-radius: 0;
        height: 5px;
    }

    .owl-theme.event-carousal .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
        background: #FF8400;
    }

    .owl-theme.event-carousal .owl-dots .owl-dot span {
        background: #273649;
    }

    .owl-theme.event-carousal .owl-nav.disabled + .owl-dots {
        margin-top: 15px;
    }

    section.event-list h2 {
        padding: 0 15px;
        margin-bottom: 2px;
        text-align: center;
    }

    .event-list a.view-event,.event-list .event-card-cta a:nth-child(2) {
        padding: 10px 10px;
        text-align: center;
    }

    section.student_review .container {
        padding: 0 15px;
    }

    .event-page section.why-events .icon-text h3 {
        font-size: 1rem;
    }

    .event-page section.why-events {
        padding: 25px 0px 40px;
        background-color: rgba(171,171,171,0.14);
    }

    .event-page section.why-events .card {
        width: 48%;
        margin-bottom: 25px;
        background-color: unset;
    }

    .event-page .mob-frag {
        width: 100%;
        margin-top: 65px;
    }

    .event-list .row {
        display: block;
    }

    .event-card {
        width: 90%;
        margin: 25px auto 20px;
        border-radius: unset;
    }

    .event-list a.view-event {
        width: 90%;
    }

    .events-banner .main-text {
        display: none;
    }

    .event-content section.desti-content h2 {
        display: block;
    }

    .event-content section.desti-content {
        padding-top: 40px;
        padding-bottom: 5px;
    }

    .event-page section.why-events h2 {
        margin-top: 20px;
        text-align: center;
    }

    .event-page .event-register a {
        width: 100%;
        display: block;
        text-align: center;
        position: fixed;
        bottom: 58px;
        border-radius: 0;
        z-index: 9999;
        left: 0;
    }

    .event-page .event-register {
        padding: 0;
    }

    .event-details.row,.event-cta {
        display: none;
    }

    .event-details-mob {
        margin: -25px 25px 0px;
        border: 1px solid #009CDC;
        z-index: 9;
        background-color: #f5fbfe;
        position: relative;
        padding: 15px 10px;
        border-radius: 10px;
    }

    .event-details-mob h1 {
        position: relative;
        color: #009CDC;
        top: unset;
        left: unset;
        bottom: unset;
        font-size: 1.2rem;
        margin-bottom: 0;
    }

    .event-details-mob h2 {
        position: relative;
        color: #009CDC;
        font-size: 1rem;
        margin-bottom: 0;
    }
   

    .event-details-mob .event-date,.event-details-mob .event-location,.event-details-mob .event-time {
        margin-bottom: 8px;
        display: flex;
        align-items: self-start;
        margin-top: 2px;
    }

    .event-location {
        display: flex;
    }

    .event-details-mob h1 {
        padding: 10px;
    }

    .event-card-content {
        display: flex;
        flex-direction: column;
    }

    .event-list span.event-date {
        order: 1;
        color: #6E6D6D;
        font-weight: 500;
        display: flex;
        align-items: self-start;
        margin-bottom: 8px;
    }

    .event-list span.event-location {
        order: 1;
        display: flex;
        align-items: self-start;
        margin-bottom: 8px;
    }

    .event-list span.event-time {
        order: 1;
        display: flex;
        align-items: self-start;
        margin-bottom: 8px;
    }

    .event-list .event-card-cta {
        order: 4;
        margin-top: 8px;
    }

    .event-list span.event-time:before {
        margin: 3px 10px 0px 0px;
    }

    .event-list span.event-location:before {
        margin: 3px 12px 0px 0px;
    }

    .event-list span.event-date:before {
        margin: 3px 8px 0px 0px;
    }

    .event-list .event-card-content h4 {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-family: 'ProximaNova-Regular';
        font-weight: 600;
        margin-bottom: 25px;
    }

    section.event-list footer a {
        display: none;
    }

    section.event-list {
        padding: 45px 0 15px;
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .event-details .event-time:before {
        margin:0px 8px 0px 0px;
        transform: scale(1);
    }

    .event-details .event-date:before {
        margin: 0px 8px 0px 0px;
        transform: scale(1);
    }

    .event-details .event-location:before {
        margin: 0px 8px 0px 0px;
        transform: scale(1);
    }

    .event-card {
        width: 45%;
        margin-bottom: 25px;
    }

    .event-cta,.event-details.row {
        width: 85%;
        position: relative;
        margin-top: -45px;
        margin-bottom: 20px;
    }

    .event-page .main-text h1 {
        font-size: 1.8rem;
    }

    .event-page section.hero-banner .main-text p {
        font-size: 1.6rem;
    }

    .event-page section.hero-banner .main-text {
        top: 16%;
        left: unset;
        padding-left: 10%;
    }

    .event-page img.desk-frag {
        margin-bottom: 20px;
    }

    .event-page section.why-events .icon-text h3 {
        font-size: 1rem;
    }

    .event-list a.view-event,.event-list .event-card-cta a:nth-child(2) {
        font-size: 12px;
    }
}

@media (min-width: 1600px) {
    .event-content section.desti-content p {
        font-size:18px;
    }
}

.hero-banner .event-carousal {
    display: flex;
    justify-content: flex-start;
    margin: 30px auto 30px;
    gap: 50px;
}

.event-listing-page .event-banner-text {
    position: absolute;
    top: 25%;
    left: 6%;
}

.event-overview-banner {
    position: relative;
}

.event-listing-page .event-banner-text p,.event-listing-page .event-banner-text h4,.event-listing-page .event-banner-text span {
    color: #fff;
}

.owl-theme#event-overview .owl-dots .owl-dot span {
    background: #ffffff;
}

#event-overview .owl-dots button.owl-dot span {
    width: 40px !important;
    border-radius: 0;
    height: 5px;
}

#event-overview .owl-dots button.owl-dot:hover {
    border: unset;
}

.owl-theme#event-overview .owl-dots .owl-dot.active span,.owl-theme#event-overview .owl-dots .owl-dot:hover span {
    background: #FF8400;
}

.owl-theme#event-overview .owl-dots {
    bottom: 6%;
    position: absolute;
    left: unset;
    right: unset;
    margin: auto;
    display: block;
    width: 100%;
}

.event-listing-page .event-banner-text h4 {
    font-size: 2.6rem;
    margin-bottom: 20px;
    width: 75%;
}

.cards_events span.event-date {
    display: block;
    margin-bottom: 12px;
    color: #ff8400;
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
    line-height: 40px;
}

.event-listing-page .cards_events .event-date:before {
    content: url("sites/default/files/2024-09/or-ev.svg");
    margin: 0px 8px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.event-card-content h4 {
    font-size: 1.2rem;
    font-family: 'ProximaNova-Regular';
    margin-bottom: 20px;
    color: #253746;
    min-height: 100px;
}

.event-card-content span.event-location {
    margin-bottom: 12px;
    color: #6E6D6D;
    display: flex;
}

.event-listing-page .event-card-content span.event-location:before {
    content: url("sites/default/files/2024-05/Locationt_0.svg");
    margin: 0px 8px 0px 0px;
    display: inline-block;
    vertical-align: middle;
    transform: translate(0px,4px);
}

.event-listing-page .event-card-content span.event-time {
    display: block;
    margin-bottom: 12px;
    color: #6E6D6D;
}

.event-listing-page .event-card-content span.event-time:before {
    content: url("sites/default/files/2024-05/timets_0.svg");
    margin: -3px 8px 0px 0px;
    display: inline-block;
    vertical-align: middle;
    transform: translate(0px,4px);
}

.event-card-content a.view-event:hover {
    background: #ff8400;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.event-card-content a.view-event {
    margin: 0px auto 0;
    font-size: 14px;
    text-align: center;
    transition: all linear 0.3s;
    background: #ffffff;
    padding: 10px 25px;
    color: #ff8400;
    border-radius: 5px;
    border: 1px solid #ff8400;
    text-decoration: unset;
    cursor: pointer;
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
    width: 100%;
}

.event-card-content .event-card-cta a:nth-child(2):hover {
    background: #fff;
    color: #ff8400 !important;
    border: 1px solid #ff8400;
}

.event-card-cta a:nth-child(2) {
    transition: all linear 0.3s;
    background: #ff8400;
    padding: 10px 25px;
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #ff8400;
    margin-top: 0;
    text-decoration: unset;
    cursor: pointer;
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

.event-card-cta {
    margin-top: 25px;
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.event-card:hover {
    transition: all linear 0.3s;
    cursor: pointer;
    border-radius: 20px;
    border: 1px solid rgb(255 132 0 / 42%);
    background: #FFFBF6;
    box-shadow: 0px 4px 30px 0px rgba(255,132,0,0.20);
}

.event-card-content h4 {
    min-height: 100px;
}

.event-banner-cta a:first-child:hover {
    background: #fff;
    color: #ff8400 !important;
    border: 1px solid #ff8400;
}

.event-banner-cta a:first-child {
    transition: all linear 0.3s;
    background: #ff8400;
    padding: 10px 35px;
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #ff8400;
    margin-top: 0;
    text-decoration: unset;
    cursor: pointer;
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin-right: 12px;
}

.event-banner-cta a.view-event:hover {
    background: #ff8400;
    border: 1px solid #ff8400;
    color: #ffffff;
}

.event-banner-cta a.view-event {
    margin: 0px auto 0;
    font-size: 14px;
    text-align: center;
    transition: all linear 0.3s;
    background: #ffffff;
    padding: 10px 35px;
    color: #ff8400;
    border-radius: 5px;
    border: 1px solid #ff8400;
    text-decoration: unset;
    cursor: pointer;
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
    width: 100%;
}

.event-banner-cta {
    display: block;
    margin-top: 45px;
}

.event-listing-page .js-form-item-field-event-city-target-id label {
    display: none;
}

.event-listing-page .view-id-events .view-filters span {
    position: absolute;
    right: 390px;
    top: 8px;
}

.event-listing-page .event-banner-text h4 {
    font-family: 'ProximaNova-Regular';
}

.event-listing-page form#views-exposed-form-events-upcoming-events {
    // width: 180px;
    float: right;
    margin-right: 0;
    margin-bottom: 15px;
}

.event-listing-page form#views-exposed-form-events-upcoming-events label {
    display: none;
}

.event-listing-page form#views-exposed-form-events-upcoming-events {
    display: flex;
    gap: 20px;
}

.event-listing-page .view-id-events.view-display-id-upcoming_events {
    position: relative;
}

.event-listing-page p.upcoming-event-p {
    letter-spacing: 1.2px;
}

.event-listing-page div#block-views-block-events-upcoming-events h2 {
    width: fit-content;
    float: left;
    margin-bottom: 30px;
    font-family: 'ProximaNova-Bold';
    color: #263747;
}

.event-listing-page div#block-views-block-events-upcoming-events {
    margin: 5% 0 3%;
    z-index: 9;
    position: relative;
}

.event-listing-page div#block-views-block-events-past-events {
    /*// display: ruby;*/
}

.event-listing-page div#block-views-block-events-past-events h2 {
    width: fit-content;
    float: left;
    font-family: 'ProximaNova-Bold';
    color: #263747;
}

.event-listing-page span.event-date:before {
    /*content: url(/sites/default/files/2024-08/calf.svg);*/
    margin: 0px 10px 0px 0px;
    display: inline-block;
    transform: translate(0px,4px);
}

.event-listing-page span.event-location:before {
    /*content: url(/sites/default/files/2024-08/locf.svg);*/
    margin: 0px 10px 0px 20px;
    display: inline-block;
    transform: translate(0px,4px);
}

.event-listing-page span.event-time:before {
    /*content: url(/sites/default/files/2024-08/clof.svg);*/
    margin: 0px 10px 0px 20px;
    display: inline-block;
    transform: translate(0px,4px);
}

.event-listing-page span.event-date,span.event-location {
    border-right: 1px solid white;
    padding-right: 20px;
}

.event-listing-page section.subscription-sec {
    margin-bottom: 60px;
    margin-top: 60px;
}

.event-listing-page section#past-event-section {
    background-color: #F8F8F8;
    padding: 3% 0 40px;
    margin-top: -25px;
}

.event-listing-page .view-id-events .view-filters span {
    font-family: 'ProximaNova-Bold';
}

@media (min-width: 768px) and (max-width:1199px) {
    .event-listing-page .event-card {
        margin-bottom:35px;
    }

    .event-listing-page .event-banner-text h4 {
        font-size: 1.6rem;
        width: 90%;
        margin-bottom: 10px;
    }

    .event-listing-page p.upcoming-event-p {
        margin-bottom: 5px;
        font-size: 0.8rem;
    }

    .event-listing-page span.event-date,span.event-location {
        font-size: 1rem;
        display: contents;
    }

    .event-banner-cta {
        margin-top: 18px;
    }

    .owl-theme#event-overview .owl-dots {
        bottom: 0%;
    }

    .event-listing-page .event-banner-text {
        top: 18%;
    }

    .event-listing-page section#past-event-section {
        padding: 6% 0 10px;
    }
}

@media (max-width: 767px) {
    .event-listing-page section#past-event-section h2 {
        margin-top:20px;
    }

    #block-views-block-events-latest-events .event-banner-cta {
        margin-left: -10%;
    }

    .event-listing-page #block-fragomen-content .owl-stage-outer {
        padding: 0;
    }

    .event-listing-page #block-views-block-events-upcoming-events .view-filters {
        display: flex;
        align-items: baseline;
        width: 85%;
        margin: auto;
    }

    .event-listing-page form#views-exposed-form-events-upcoming-events {
        float: unset;
    }

    .event-listing-page div#block-views-block-events-past-events {
        display: block!important;
    }

    #event-overview .event-desk-banner,.event-listing-page .view-past-cta a.view-event {
        display: none;
    }

    .event-listing-page .event-banner-text {
        top: 10%;
        width:100%;
    }

    .event-listing-page .event-banner-text h4 {
        font-size: 2rem;
    }

    .event-listing-page span.event-date,span.event-location {
        border: unset;
    }

    .event-listing-page span.event-location:before {
        margin: 0px 5px 0px 0px;
    }

    .event-listing-page span.event-time:before {
        margin: 0px 5px 0px 0px;
    }

    .event-listing-page span.event-location,.event-listing-page span.event-time {
        margin-top: 8px;
        display: block;
    }

    .event-listing-page .view-id-events .view-filters span {
        position: unset;
        text-align: center;
        display: block;
    }

    .event-listing-page form#views-exposed-form-events-upcoming-events {
        width: 200px;
        margin-right: auto;
        margin-top: 8px;
        margin-bottom: 0px;
        margin-left: auto;
    }

    .event-listing-page .hero-banner .event-carousal {
        margin: 15px auto 30px;
    }

    .event-listing-page .event-card-content a.view-event {
        padding: 10px 2px;
    }

    .event-card-cta a:nth-child(2),.event-listing-page .event-card-content a.view-event {
        font-size: 12px;
    }

    .event-listing-page header.fragomen-header {
        z-index: 9999999;
    }

    .event-listing-page div#block-views-block-events-upcoming-events h2,.event-listing-page div#block-views-block-events-past-events h2 {
        width: 85%;
        float: unset;
        margin-bottom: 25px;
        margin-top: 35px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .event-listing-page div#block-views-block-events-past-events h2 {
        margin-bottom: 0;
    }

    div#block-views-block-events-past-events .event-card-content h4,.event-listing-page div#block-views-block-events-upcoming-events .event-card-content h4 {
        min-height: unset
    }

    .event-listing-page section#past-event-section {
        padding: 3% 0 20px;
    }

    a.past-cta,a.upcoming-cta {
        margin: 0px auto 50px;
        font-size: 14px;
        text-align: center;
        transition: all linear 0.3s;
        background: #ffffff;
        padding: 10px 25px;
        color: #ff8400;
        border-radius: 5px;
        border: 1px solid #ff8400;
        text-decoration: unset;
        cursor: pointer;
        font-family: 'ProximaNova-Regular';
        font-weight: 600;
        width: fit-content;
        display: block;
    }

    a.past-cta:hover {
        background: #ff8400;
        border: 1px solid #ffffff;
        color: #ffffff;
    }

    a.upcoming-cta:hover {
        background: #ff8400;
        border: 1px solid #ffffff;
        color: #ffffff;
    }

    .event-listing-page section.subscription-sec {
        margin-top: -15px;
    }
}

.event-listing-page .view-past-cta a.view-event {
    transition: all linear 0.3s;
    background: #ff8400;
    padding: 10px 25px;
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #ff8400;
    margin-top: 0;
    text-decoration: unset;
    cursor: pointer;
    font-family: 'ProximaNova-Regular';
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    right: 8%;
    top: 80px;
}

.event-listing-page section#past-event-section h2 {
    // margin-top: 90px;
    margin-bottom: 60px;
}

section#past-event-section {
    position: relative;
}

.event-listing-page .view-past-cta a.view-event:hover {
    background: #fff;
    color: #ff8400 !important;
    border: 1px solid #ff8400;
}

@media (min-width: 768px) {
    #event-overview .event-mob-banner,a.past-cta,a.upcoming-cta {
        display:none;
    }
}

@media (min-width: 1200px) {
    .event-listing-page .event-banner-cta a:first-child,.event-listing-page .event-banner-cta a.view-event {
        padding:15px 50px;
    }

    .event-listing-page .event-card-cta a:nth-child(2),.event-listing-page .event-card-content a.view-event {
        font-weight: 500;
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .event-listing-page .event-card-cta a:nth-child(2),.event-listing-page .event-card-content a.view-event {
        padding:10px 12px;
    }

    .event-card-content a.view-event,.event-list .event-card-cta a:nth-child(2) {
        font-size: 14px;
        padding: 10px 15px;
    }

    .event-list .row {
        justify-content: left;
        row-gap: 0;
    }
}

.event-listing-page header.fragomen-header {
    z-index: 999;
}

.event-listing-page .hero-banner .event-carousal .owl-dot:hover {
    border: unset;
}

.event-listing-page .hero-banner .event-carousal .owl-dot:focus {
    outline: unset;
}

@media (min-width: 768px) and (max-width:991px) {
    .event-overview-banner {
        margin-top:75px;
    }

    .event-page section.hero-banner.events-banner {
        margin-top: 50px;
    }

    .event-listing-page .hero-banner .event-carousal {
        row-gap: 0px;
    }

    .event-listing-page div#block-views-block-events-upcoming-events h2 {
        font-size: 1.4rem;
        line-height: 35px;
    }

    .event-card-content span.event-location {
        min-height: 96px;
    }
}

@media (max-width: 767px) {
    .event-listing-page .event-overview-banner {
        position:relative;
        margin-top: 75px;
    }

    .event-listing-page .event-overview-banner img {
        height: 85vh;
        object-fit: cover;
        filter: brightness(0.4);
    }

    .event-listing-page .event-banner-text h4 {
        width: 90%;
    }

    .event-listing-page form#views-exposed-form-events-upcoming-events .form-select {
        padding: .375rem 1rem .375rem .75rem;
        margin-left: 10px;
    }

    .event-listing-page form#views-exposed-form-events-upcoming-events {
        display: flex;
        width: 230px;
        gap: 10px;
        flex-direction: column;
    }

    .event-listing-page section#past-event-section h2 {
        margin-bottom: 25px;
        text-align: center;
    }
}

@media (min-width: 1000px) {
    .event-card-content span.event-location {
        min-height:120px;
    }
}

@media (min-width: 1300px) {
    .event-card-content span.event-location {
        min-height:120px;
    }
}

#past-event-section h5 {
    text-align: center;
    margin-bottom: 20px;
}

.social-sharing-buttons {
    margin-bottom: 0;
    display: none;
    text-align-last: center;
}

.social-sharing-buttons a {
    display: contents;
    width: 100%;
}

.social-sharing-buttons {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: 17%;
    gap: 10px;
    z-index: 999;
    bottom: -40px;
}

@media (max-width: 767px) {
    .event-listing-page .hero-banner .event-carousal {
        gap:0;
    }

    .cta-sticky-frag {
        padding: 0;
        width: 100%;
        display: block;
        text-align: center;
        position: fixed;
        bottom: 58px;
        border-radius: 0;
        z-index: 9999;
        left: 0;
    }

    .cta-sticky-frag button#event-social-share {
        border: unset;
        padding: 0;
    }

    .cta-sticky-frag {
        display: flex;
        justify-content: space-evenly;
        background-color: #fff;
        padding: 8px 0;
    }

    .event-register-1 a {
        transition: all linear 0.3s;
        background: #ff8400;
        padding: 10px 25px;
        color: #fff !important;
        border-radius: 5px;
        border: 1px solid #ff8400;
        margin-top: 0;
        text-decoration: unset;
        cursor: pointer;
        font-family: 'ProximaNova-Regular';
        font-weight: 600;
        font-size: 16px;
        width: 220px;
        display: inline-flex;
        text-align: center;
        justify-content: center;
    }

    .event-register-1 {
        align-content: center;
    }

    .cta-sticky-frag button#event-social-share img {
        height: 43px;
    }

    .social-sharing-buttons {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: 27%;
        gap: 10px;
        bottom: 0px;
        top: -60px;
    }

    .social-sharing-buttons svg {
        margin-left: 5px;
        background-color: #fff;
    }

    .event-page section.hero-banner.events-banner .social-share {
        display: none;
    }
}

@media (min-width: 768px) {
    .cta-sticky-frag {
        display:none;
    }
}

.social-sharing-buttons img {
    display: inline-flex;
    width: 10px;
    margin-left: 5px;
    margin-top: -18px;
    cursor: pointer;
}

.event-listing-page .event-desk-banner img {
    height: 65vh;
    width: 100%;
    object-fit: cover;
}

.event-listing-page div#block-views-block-events-upcoming-events .event-card-content h4 {
    min-height: 50px;
}

.event-listing-page div#block-views-block-events-past-events .event-card-content h4 {
    min-height: 75px;
}

.event-listing-page div#block-views-block-events-upcoming-events .event-card-content span.event-location,.event-listing-page div#block-views-block-events-past-events .event-card-content span.event-location {
    min-height: auto;
}

@media (min-width: 768px) and (max-width:1023px) {
    .event-page .owl-carousel.owl-theme.event-carousal.row .event-card-content h4 {
        min-height:auto
    }

    .event-page .owl-carousel.owl-theme.event-carousal.row .event-card-content span.event-location {
        min-height: 70px
    }
}

@media (min-width: 1024px) {
    .event-page .owl-carousel.owl-theme.event-carousal.row .event-card-content h4 {
        min-height:75px;
    }

    .event-page .owl-carousel.owl-theme.event-carousal.row .event-card-content span.event-location {
        min-height: 100px;
    }
}

@media (max-width: 767px) {
    .event-page .owl-carousel.owl-theme.event-carousal.row .event-card-content h4 {
        min-height:auto
    }

    .event-page .owl-carousel.owl-theme.event-carousal.row .event-card-content span.event-location {
        min-height: auto
    }

    .event-listing-page div#block-views-block-events-past-events .event-card-content h4 {
        min-height: auto;
    }

    .event-page section.why-events .row {
        justify-content: center;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .event-listing-page .event-desk-banner img {
        height:400px;
        width: 100%;
        object-fit: cover;
    }
}

@media (min-width: 992px) {
    .event-listing-page .event-banner-text h4 {
        width:80%;
        font-size: 3vw
    }

    .event-listing-page .event-banner-text {
        top: 20%;
    }

    .event-listing-page .event-banner-text span.event-time:before {
        margin-top: 5px;
    }

    .event-listing-page .event-banner-text span {
        font-size: .95vw;
    }
}

@media (max-width: 991px) {
    .event-listing-page div#block-views-block-events-upcoming-events .view-empty h3 {
        margin:20px 0;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .event-listing-page div#block-views-block-events-upcoming-events .view-empty {
        position:absolute;
        display: block;
        top: 60px;
        width: 100%;
    }

    .event-listing-page div#block-views-block-events-upcoming-events {
        min-height: 115px;
    }
}

.owl-theme#event-overview .owl-dots .owl-dot.active span,.owl-theme#event-overview .owl-dots .owl-dot:hover span {
    background: #ccc;
} 

@Media (min-width: 1200px) {
    .event-card {
        width:30% !important;
        margin-top: 40px;
        padding: 0!important;
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .event-listing-page .event-card {
        margin-bottom:35px !important;
        width: 46% !important;
        padding: 0!important;
    }
}

@media (max-width: 767px) {
    .event-details-mob h1 {
        position:relative!important;
        color: #009CDC!important;
        top: unset!important;
        left: unset!important;
        bottom: unset!important;
        font-size: 1.4rem!important;
        margin-bottom: 0;
    }

    .event-details-mob {
        margin: -25px 25px 0px!important;
        border: 1px solid #009CDC;
        z-index: 9;
        background-color: #f5fbfe;
        position: relative;
        padding: 15px 10px;
        border-radius: 10px;
    }
}

@media (min-width: 1200px) and (max-width:1229px) {
    .event-cta {
        margin:170px auto 0;
    }
}

@media (max-width: 991px) and (min-width:768px) {
    .event-listing-page .view-id-events .view-filters span {
        font-size:0.8rem;
        right: 338px;
    }

    .event-listing-page form#views-exposed-form-events-upcoming-events {
        display: flex;
        gap: 3px;
    }

    .event-page .social-sharing-buttons {
        margin-left: 32%;
    }
}



.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5)
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0,0,0,0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0,0,0,0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0,0,0,0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: currentColor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-bg: #cfe2ff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bacbe6
}

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbccce
}

.table-success {
    --bs-table-bg: #d1e7dd;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bcd0c7
}

.table-info {
    --bs-table-bg: #cff4fc;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #badce3
}

.table-warning {
    --bs-table-bg: #fff3cd;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e6dbb9
}

.table-danger {
    --bs-table-bg: #f8d7da;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfc2c4
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1
}

.table-dark {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end:.75rem;color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end:.75rem;color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + (.5rem + 2px));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end:.5rem}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end:.5rem}

.form-control-lg {
    min-height: calc(1.5em + (1rem + 2px));
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem}

textarea.form-control {
    min-height: calc(1.5em + (.75rem + 2px))
}

textarea.form-control-sm {
    min-height: calc(1.5em + (.5rem + 2px))
}

textarea.form-control-lg {
    min-height: calc(1.5em + (1rem + 2px))
}

.form-control-color {
    max-width: 3rem;
    height: auto;
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-select[multiple],.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-check:disabled+.btn,.btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control {
    padding: 1rem .75rem
}

.form-floating>.form-control::-moz-placeholder {
    color: transparent
}

.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,.input-group>.form-select:focus {
    z-index: 3
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 3
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-lg>.form-select,.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(25,135,84,.9);
    border-radius: .25rem
}

.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,.was-validated .form-control:valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,.was-validated .form-select:valid {
    border-color: #198754
}

.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,.was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
}

.form-check-input.is-valid,.was-validated .form-check-input:valid {
    border-color: #198754
}

.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
    background-color: #198754
}

.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid {
    z-index: 1
}

.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(220,53,69,.9);
    border-radius: .25rem
}

.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,.was-validated .form-select:invalid {
    border-color: #dc3545
}

.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}

.form-check-input.is-invalid,.was-validated .form-check-input:invalid {
    border-color: #dc3545
}

.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
    background-color: #dc3545
}

.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid {
    z-index: 2
}

.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus {
    z-index: 3
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529
}

.btn-check:focus+.btn,.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.btn.disabled,.btn:disabled,fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca
}

.btn-check:focus+.btn-primary,.btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
}

.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be
}

.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64
}

.btn-check:focus+.btn-secondary,.btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
}

.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e
}

.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-success:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43
}

.btn-check:focus+.btn-success,.btn-success:focus {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
}

.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f
}

.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
}

.btn-success.disabled,.btn-success:disabled {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-info:hover {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2
}

.btn-check:focus+.btn-info,.btn-info:focus {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
}

.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle {
    color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2
}

.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
}

.btn-info.disabled,.btn-info:disabled {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720
}

.btn-check:focus+.btn-warning,.btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 .25rem rgba(217,164,6,.5)
}

.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720
}

.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(217,164,6,.5)
}

.btn-warning.disabled,.btn-warning:disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37
}

.btn-check:focus+.btn-danger,.btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 .25rem rgba(225,83,97,.5)
}

.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834
}

.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(225,83,97,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:focus+.btn-light,.btn-light:focus {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 .25rem rgba(211,212,213,.5)
}

.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(211,212,213,.5)
}

.btn-light.disabled,.btn-light:disabled {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21
}

.btn-check:focus+.btn-dark,.btn-dark:focus {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
    box-shadow: 0 0 0 .25rem rgba(66,70,73,.5)
}

.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f
}

.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(66,70,73,.5)
}

.btn-dark.disabled,.btn-dark:disabled {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.5)
}

.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus {
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #0d6efd;
    background-color: transparent
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .25rem rgba(108,117,125,.5)
}

.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus {
    box-shadow: 0 0 0 .25rem rgba(108,117,125,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-success {
    color: #198754;
    border-color: #198754
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:focus+.btn-outline-success,.btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.5)
}

.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus {
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.5)
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    color: #198754;
    background-color: transparent
}

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-outline-info:hover {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:focus+.btn-outline-info,.btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem rgba(13,202,240,.5)
}

.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus {
    box-shadow: 0 0 0 .25rem rgba(13,202,240,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #0dcaf0;
    background-color: transparent
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus {
    box-shadow: 0 0 0 .25rem rgba(255,193,7,.5)
}

.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus {
    box-shadow: 0 0 0 .25rem rgba(255,193,7,.5)
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus {
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.5)
}

.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus {
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.5)
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:focus+.btn-outline-light,.btn-outline-light:focus {
    box-shadow: 0 0 0 .25rem rgba(248,249,250,.5)
}

.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus {
    box-shadow: 0 0 0 .25rem rgba(248,249,250,.5)
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-dark {
    color: #212529;
    border-color: #212529
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus {
    box-shadow: 0 0 0 .25rem rgba(33,37,41,.5)
}

.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus {
    box-shadow: 0 0 0 .25rem rgba(33,37,41,.5)
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #212529;
    background-color: transparent
}

.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline
}

.btn-link:hover {
    color: #0a58ca
}

.btn-link.disabled,.btn-link:disabled {
    color: #6c757d
}

.btn-group-lg>.btn,.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.btn-group-sm>.btn,.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,.dropend,.dropstart,.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: .125rem
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position:start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position:start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position:start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position:start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position:start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,.15)
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,.dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef
}

.dropdown-item.active,.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1rem;
    color: #212529
}

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: rgba(0,0,0,.15)
}

.dropdown-menu-dark .dropdown-item {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover {
    color: #fff;
    background-color: rgba(255,255,255,.15)
}

.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: #0d6efd
}

.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled {
    color: #adb5bd
}

.dropdown-menu-dark .dropdown-divider {
    border-color: rgba(0,0,0,.15)
}

.dropdown-menu-dark .dropdown-item-text {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-header {
    color: #adb5bd
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}



.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem
}

.card-title {
    margin-bottom: .5rem
}

.card-subtitle {
    margin-top: -.25rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1rem
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .5rem 1rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.5rem;
    margin-bottom: -.5rem;
    margin-left: -.5rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,.card-img-bottom,.card-img-top {
    width: 100%
}

.card-img,.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-group>.card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-group {
        display:flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125)
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider,"/")
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6
}

.page-link {
    padding: .375rem .75rem
}

.page-item:first-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1a21
}

.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>li::before {
    content: counters(section,".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction:row
    }

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction:row
    }

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction:row
    }

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction:row
    }

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction:row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover {
    color: #084298;
    background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover {
    color: #41464b;
    background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b
}

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover {
    color: #0f5132;
    background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {
    color: #055160;
    background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover {
    color: #664d03;
    background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
}

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover {
    color: #842029;
    background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {
    color: #636464;
    background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
}

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
    color: #141619;
    background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    opacity: 1
}

.btn-close.disabled,.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: .875rem;
    pointer-events: auto;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    border-radius: .25rem
}

.toast:not(.showing):not(.show) {
    opacity: 0
}

.toast.hide {
    display: none
}

.toast-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: .75rem
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    color: #6c757d;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-header .btn-close {
    margin-right: -.375rem;
    margin-left: .75rem
}

.toast-body {
    padding: .75rem;
    word-wrap: break-word
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width:1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow {
    top: 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem
}

.popover .popover-arrow::after,.popover .popover-arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0,0,0,.25)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0,0,0,.25)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0,0,0,.25)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0,0,0,.25)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 1rem 1rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: block
}

.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,.carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,.spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem
}

.offcanvas-header .btn-close {
    padding: .5rem .5rem;
    margin-top: -.5rem;
    margin-right: -.5rem;
    margin-bottom: -.5rem
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0,0,0,.2);
    transform: translateX(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0,0,0,.2);
    transform: translateX(100%)
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0,0,0,.2);
    transform: translateY(-100%)
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0,0,0,.2);
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.link-primary {
    color: #0d6efd
}

.link-primary:focus,.link-primary:hover {
    color: #0a58ca
}

.link-secondary {
    color: #6c757d
}

.link-secondary:focus,.link-secondary:hover {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:focus,.link-success:hover {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:focus,.link-info:hover {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:focus,.link-warning:hover {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:focus,.link-danger:hover {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:focus,.link-light:hover {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:focus,.link-dark:hover {
    color: #1a1e21
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%)
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%)
}

.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%)
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}

.shadow-none {
    box-shadow: none!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    transform: translateX(-50%)!important
}

.translate-middle-y {
    transform: translateY(-50%)!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: 1px solid #dee2e6!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: 1px solid #dee2e6!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #0d6efd!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #198754!important
}

.border-info {
    border-color: #0dcaf0!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #212529!important
}

.border-white {
    border-color: #fff!important
}

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.gap-0 {
    gap: 0!important
}

.gap-1 {
    gap: .25rem!important
}

.gap-2 {
    gap: .5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.gap-4 {
    gap: 1.5rem!important
}

.gap-5 {
    gap: 3rem!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.justify-content-evenly {
    justify-content: space-evenly!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
}

.mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
}

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw)!important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw)!important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw)!important
}

.fs-5 {
    font-size: 1.25rem!important
}

.fs-6 {
    font-size: 1rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-light {
    font-weight: 300!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    color: #0d6efd!important
}

.text-secondary {
    color: #6c757d!important
}

.text-success {
    color: #198754!important
}

.text-info {
    color: #0dcaf0!important
}

.text-warning {
    color: #ffc107!important
}

.text-danger {
    color: #dc3545!important
}

.text-light {
    color: #f8f9fa!important
}

.text-dark {
    color: #212529!important
}

.text-white {
    color: #fff!important
}

.text-body {
    color: #212529!important
}

.text-muted {
    color: #6c757d!important
}

.text-black-50 {
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    color: rgba(255,255,255,.5)!important
}

.text-reset {
    color: inherit!important
}

.bg-primary {
    background-color: #0d6efd!important
}

.bg-secondary {
    background-color: #6c757d!important
}

.bg-success {
    background-color: #198754!important
}

.bg-info {
    background-color: #0dcaf0!important
}

.bg-warning {
    background-color: #ffc107!important
}

.bg-danger {
    background-color: #dc3545!important
}

.bg-light {
    background-color: #f8f9fa!important
}

.bg-dark {
    background-color: #212529!important
}

.bg-body {
    background-color: #fff!important
}

.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: transparent!important
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: .2rem!important
}

.rounded-2 {
    border-radius: .25rem!important
}

.rounded-3 {
    border-radius: .3rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-end {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-start {
    border-bottom-left-radius: .25rem!important;
    border-top-left-radius: .25rem!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-sm-0 {
        gap: 0!important
    }

    .gap-sm-1 {
        gap: .25rem!important
    }

    .gap-sm-2 {
        gap: .5rem!important
    }

    .gap-sm-3 {
        gap: 1rem!important
    }

    .gap-sm-4 {
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        gap: 3rem!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-sm-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-sm-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-sm-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-sm-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-sm-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-sm-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-sm-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-sm-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-sm-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-sm-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-sm-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-sm-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-sm-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-sm-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-md-0 {
        gap: 0!important
    }

    .gap-md-1 {
        gap: .25rem!important
    }

    .gap-md-2 {
        gap: .5rem!important
    }

    .gap-md-3 {
        gap: 1rem!important
    }

    .gap-md-4 {
        gap: 1.5rem!important
    }

    .gap-md-5 {
        gap: 3rem!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-md-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-md-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-md-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-md-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-md-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-md-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-md-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-md-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-md-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-md-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-md-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-md-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-md-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-md-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-lg-0 {
        gap: 0!important
    }

    .gap-lg-1 {
        gap: .25rem!important
    }

    .gap-lg-2 {
        gap: .5rem!important
    }

    .gap-lg-3 {
        gap: 1rem!important
    }

    .gap-lg-4 {
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        gap: 3rem!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-lg-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-lg-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-lg-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-lg-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-lg-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-lg-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-lg-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-lg-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-lg-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-lg-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-lg-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-lg-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-lg-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-lg-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-xl-0 {
        gap: 0!important
    }

    .gap-xl-1 {
        gap: .25rem!important
    }

    .gap-xl-2 {
        gap: .5rem!important
    }

    .gap-xl-3 {
        gap: 1rem!important
    }

    .gap-xl-4 {
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        gap: 3rem!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-xxl-0 {
        gap: 0!important
    }

    .gap-xxl-1 {
        gap: .25rem!important
    }

    .gap-xxl-2 {
        gap: .5rem!important
    }

    .gap-xxl-3 {
        gap: 1rem!important
    }

    .gap-xxl-4 {
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        gap: 3rem!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xxl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xxl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xxl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xxl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xxl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xxl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xxl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xxl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xxl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xxl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xxl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xxl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xxl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xxl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem!important
    }

    .fs-2 {
        font-size: 2rem!important
    }

    .fs-3 {
        font-size: 1.75rem!important
    }

    .fs-4 {
        font-size: 1.5rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next svg,.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity,1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    transform: translate3d(0px,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size,4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset,1%);
    bottom: var(--swiper-scrollbar-bottom,4px);
    top: var(--swiper-scrollbar-top,auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size,4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left,auto);
    right: var(--swiper-scrollbar-right,4px);
    top: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size,4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/themes/custom/fragomen/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom:1;*display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes bounce {
    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes flash {
    0%,50%,100% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,50%,100% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left:6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left:max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#fff 0%,#eee 50%);
    background-image: -o-linear-gradient(top,#fff 0%,#eee 50%);
    background-image: linear-gradient(to bottom,#fff 0%,#eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.open>.dropdown-menu {
    display: block;
}

.wa-icon2 {
   /* background-image: url(../sites/default/files/2024-08/call.svg);*/
    width: 35px;
    height: 35px;
    background-position: center;
    background-size: cover;
    margin-top: 5px;
    cursor: pointer;
}

.wa-icon2 a {
    width: 35px;
    height: 35px;
    display: block;
    cursor: pointer;
}

.leadership-popup img {
    // background-image: url(/sites/default/files/2024-08/bgld.png);
}

.leadership-card {
    width: fit-content;
    height: auto;
    // background-image: url(/sites/default/files/2024-08/bgld.png);
}

.profile-image img,.upper-image img {
    height: auto;
    width: 300px;
}

#popupform div#edit-processed-text h3 {
    margin-bottom: 0;
}

div#block-fragomen-mainwebsitefooterleft p a:hover {
    color: #ff8400;
}

div#block-fragomen-mobilestickybutton {
    display: none;
}

.circle {
    width: 20px;
    height: 20px;
}

div#block-fragomen-mainwebsitefooterform div#edit-processed-text--2,div#block-fragomen-mainwebsitefooterform div#edit-processed-text--2 {
    width: 100%;
    display: block;
}

.coming-soon h4 {
    font-size: 0.95rem;
    text-align: center;
    color: #ff8400;
}

.coming-soon {
    // display: flex;
    justify-content: center;
    align-items: center;
}

.coming-soon p,.coming-soon h4 {
    margin-bottom: 0;
}

.footer-city {
    display: block;
    text-align: center;
}

div#popupform #edit-preferred-study-destination-services span.select2-selection__clear {
    padding-right: 35px !important;
}

div#popupform #edit-preferred-study-destination-services span.select2 span.select2-selection {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/sites/default/files/2024-08/ezgijh.png);
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 24px;
    background-repeat: no-repeat;
}

.about-us-page section.hero-banner .main-text h1 {
    position: relative;
    left: unset;
    bottom: unset;
}

.accordion-content-flex h4 {
    font-size: 1rem;
    line-height: 24px;
}

.backToTopBtn img {
    visibility: hidden;
}

.footer-right form fieldset#edit-preferred-study-destination span.select2.select2-container {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/sites/default/files/2024-08/ezgijh.png);
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 24px;
}

form#webform-submission-main-website-footer-form-block-content-7-add-form input:focus + label {
    font-weight: 400;
    top: -5px;
    left: 15px;
    color: #FF8400;
    width: fit-content;
    padding: 0 5px;
    transition: all linear 0.3s;
    position: absolute;
    background-color: #253746;
    opacity: 1;
    height: auto;
}

header.fragomen-header {
    transition: top 0.3s ease 0s;
}

.fragomen-header .navbar-light .navbar-nav .nav-link:hover {
    color: #FF8500!important;
}

.home-page .fragomen-header.sticky .navbar-light .navbar-nav .nav-link:hover {
    color: #FF8500!important;
}

section.subscription-sec {
    display: none!important;
}

.thank-you-page .popup-success-icon img {
    margin: auto;
    margin-bottom: 30px;
}

.popup-success-icon {
    display: flex;
    justify-content: center;
}

section.col-sm-12 div[role="contentinfo"] div[role="alert"] {
    display: none;
}

div#block-fragomen-mainwebsitefooterform div#edit-container {
    width: 100%;
    margin-bottom: 35px;
    position: relative;
}

div#block-fragomen-popupformforstickycta .field__label {
    display: none;
}

.wa-icon a,.mail-icon a,.wa-icon2 a {
    color: transparent;
}

@media (min-width: 768px) {
    #popupform div#edit-processed-text-01,#block-fragomen-mainwebsitefooterform div#edit-processed-text-01--2 {
        margin-top:5px;
    }
}

div#popupform input#edit-actions-01-submit {
    background-color: #FF8500;
    border: unset;
    width: 100%;
    padding: 10px;
    color: #fff;
    margin-top: 15px;
    border-radius: 10px;
}

.backToTopBtn.active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.backToTopBtn:not(.active) {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.backToTopBtn {
    background-image: url(/sites/default/files/2024-08/Arrog.svg);
    width: 35px;
    height: 35px;
    background-position: center;
    background-size: revert;
    margin-bottom: 0px;
    margin-top: 5px;
    cursor: pointer;
    background-repeat: no-repeat;
}

form#webform-submission-main-website-footer-form-block-content-7-add-form div#edit-processed-text-01 {
    padding-top: 7px;
}

section.subscription-sec form div [role="alert"] {
    z-index: 99;
    bottom: -55px;
    position: absolute;
    left: 25px;
    right: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: end;
    color: #ffffff;
}

header.fragomen-header.thank-you img {
    width: 185px!important;
    display: block;
    margin: auto auto 25px;
}

div#popupform .floatingl_out fieldset#edit-preferred-study-destination-services label {
    display: none;
}

div#popupform #edit-preferred-study-destination-services span li.select2-search.select2-search--inline {
    //float: unset;
}

#popupform form label#consent-error {
    display: block !important;
    width: max-content;
    position: absolute;
    top: 35px;
    padding: 0;
    border: 0;
    color: #ff8400;
    pointer-events: none;
}

div#popupform #edit-container {
    margin-bottom: 30px;
    position: relative;
}

form#webform-submission-main-website-footer-form-block-content-7-add-form form #edit-container--2 {
    margin-bottom: 10px;
}

form#webform-submission-main-website-footer-form-block-content-7-add-form label#consent-error {
    display: block !important;
    width: max-content;
    position: absolute;
    top: 35px;
    padding: 0;
    border: 0;
    color: #ff8400;
    pointer-events: none;
}

div#popupform #edit-preferred-study-destination-services span li.select2-selection__choice {
    color: #FF8500;
    font-size: 14px;
    background-color: #e4e4e4;
}

div#popupform #edit-preferred-study-destination-services span span.select2-selection {
    border: 1px solid #2A3C4B;
    padding: 0.3rem 0rem!important;
}

fieldset#edit-preferred-study-destination-services input.select2-search__field::-ms-input-placeholder {
    color: #374151;
}

fieldset#edit-preferred-study-destination-services input.select2-search__field::placeholder {
    color: #374151;
    padding: 0 8px;
    font-size: 14px;
}

fieldset#edit-preferred-study-destination-services input.select2-search__field {
    width: 125%!important;
    margin-top: 0!important;
}

div#popupform #edit-preferred-study-destination-services span.select2 {
    width: 100%;
    display: block;
    padding: 5px 0 0!important;
}

fieldset#edit-preferred-study-destination-services {
    padding: 0 10px;
}

div#popupform #edit-preferred-study-destination-services span {
    padding: 0 !important;
}

fieldset#edit-preferred-study-destination span.select2-selection__clear {
    position: absolute;
    right: 35px;
    top: 15px;
}

.footer-right form fieldset#edit-preferred-study-destination {
    width: 100%;
}

fieldset#edit-preferred-study-destination span.select2.select2-container {
    width: 100%!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #FF8500;
}

.footer-right form span.select2-selection.select2-selection--multiple {
    margin: 0!important;
}

legend {
    margin-bottom: 0;
}

.footer-right form span.select2-selection.select2-selection--multiple {
    border: 1px solid #ccc;
    background-color: transparent;
    border-radius: 8px;
    padding: 0.6rem 1.5rem!important;
}

.footer-right form span.select2-selection.select2-selection--multiple input::-ms-input-placeholder {
    color: white;
}

fieldset#edit-preferred-study-destination span.select2-selection__choice__remove,fieldset#edit-preferred-study-destination span.select2-selection__clear {
    margin-top: 0px;
    margin-bottom: 0;
}

.footer-right form span.select2-selection.select2-selection--multiple input::-ms-input-placeholder {
    color: white;
}

.footer-right form span.select2-selection.select2-selection--multiple input::placeholder {
    color: white;
}

header.fragomen-header {
    z-index: 999;
}

.navbar a.navbar-brand img {
    width: 180px;
}

.collapsing {
    height: unset;
    overflow: unset;
    transition: unset;
}

#navbarNav li.nav-item:last-child {
    display: none;
}

.fragomen-header .navbar-expand-lg .navbar-nav {
    /*gap: 5px!important;*/
}

@media (min-width: 992px) {
    .fragomen-header .navbar-expand-lg .navbar-nav {
        /*gap:10px!important;*/
    }
}

@media (min-width: 1025px) {
    .testi .item img {
        min-width:200px;
    }

    #popupform iframe {
        padding-left: 10px;
    }
}

.read-more-content {
    display: none;
}

@media (min-width: 1200px) {
    .subscription-sec input:-webkit-autofill {
        -webkit-background-clip:unset!important;
        -webkit-text-fill-color: unset!important;
    }

    .subscription-sec .container {
        max-width: 92%;
        margin-right: -2%;
    }

    .knowledge_hubcards .cards_knowl {
        max-width: 30%;
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    section.subscription-sec h3 {
        font-size:1.2rem!important;
    }

    section.subscription-sec p {
        font-size: 1rem!important;
    }

    section.subscription-sec {
        height: 20vh!important;
        width: 98%!important;
    }

    section.subscription-sec {
        background-size: cover;
    }

    .knowledge_hubcards .cards_knowl {
        max-width: 45%;
    }
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
}

input#edit-preferred-study-destination-other.main {
    display: block;
}

.fragomen-header .nav-item--active-trail a.nav-link.is-active {
    color: #f29020;
    width: fit-content;
    border-bottom: 1px solid #f29020;
    float: right;
}

div#popupform,#edit-preferred-study-destination-services-other {
    display: none;
}

#popupform form .form-floating input::placeholder {
    display: none !important;
    visibility: hidden;
}

#popupform form .form-actions {
    width: 100%;
}

#popupform form input#edit-actions-submit {
    padding: 12px !important;
}

#popupform form .form-floating .form-control:focus~label {
    transform: scale(.85) translateY(-.9rem) translateX(1.95rem);
    opacity: 1;
    color: #f29020;
    background-color: #ffffff;
    height: auto;
    padding: 0;
}

#popupform form .form-floating .form-control:focus {
    border-color: #f29020;
    box-shadow: none;
}

div#popupform #edit-preferred-study-destination-services-other {
    padding: 10px 25px;
    border: 1px solid #253746;
    font-size: 14px;
    cursor: pointer;
    border-radius: 8px;
}

div#popupform #edit-preferred-study-destination-services span {
    font-size: 1.2rem;
    padding: 10px 10px 0;
}

div#popupform #edit-preferred-study-destination-services--description {
    font-size: 1rem;
    padding: 0 10px 20px;
    color: #FF8500;
}

div#popupform #edit-container {
    padding: 0 10px;
}

div#popupform div#edit-preferred-study-destination-services-checkboxes {
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
    margin-bottom: 10px;
    order: 2;
}

div#popupform .fieldset-wrapper {
    display: flex;
    flex-direction: column;
}

div#popupform div#edit-processed-text-01 a span {
    color: #FF8500;
    text-decoration: underline;
}

div#popupform div#edit-field-wrapper {
    padding: 25px 25px;
}

div#popupform input#edit-email-,div#popupform input#edit-mobile-,div#popupform input#edit-first-name,div#popupform input#edit-last-name- {
    background-color: #fff;
    border: 1px solid #2A3C4B;
    color: #374151!important;
    -webkit-text-fill-color: #374151;
    padding: 0 15px;
}

div#popupform input#edit-actions-01-submit--2 {
    background-color: #FF8500;
    border: unset;
    width: 100%;
    padding: 10px;
    color: #fff;
    margin-top: 25px;
    border-radius: 10px;
}

div#popupform .floatingl_out .form-floating {
    width: 44.5%;
    display: inline-block;
    margin: 0 10px;
}

div#popupform {
    max-width: 50%;
    width: 50%;
    border-radius: 15px;
    padding: 0;
    padding-bottom: 0px;
}

#popupform div#edit-processed-text {
    padding: 25px 35px;
    background-color: #0580B3;
    color: #fff;
}

.fancybox-slide--html .fancybox-close-small {
    color: #fff;
    right: 25px;
    top: 22px;
    opacity: 1;
    border: 1px solid #fff;
    border-radius: 35px;
}

#popupform form .js-form-item.form-item.js-form-type-checkbox input {
    visibility: hidden;
    margin-left: -8px;
}

#popupform form .js-form-item.form-item.js-form-type-checkbox {
    width: fit-content;
}

#popupform form div#edit-preferred-study-destination-checkboxes {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    row-gap: 20px;
    padding-top: 15px;
    margin-bottom: 20px;
}

#popupform form .js-form-item.form-item.js-form-type-checkbox label {
    padding: 10px 25px;
    border: 1px solid #253746;
    font-size: 14px;
    cursor: pointer;
    border-radius: 8px;
}

#popupform form input#edit-consent {
    visibility: visible;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    margin-left: 0;
    cursor: pointer;
}

#popupform form .js-form-item.form-item.js-form-type-checkbox label.clicked {
    background-color: #f29020;
    border: 1px solid #f29020;
}

input#edit-preferred-study-destination-other {
    padding: 10px 25px;
    border: 1px solid #fff;
    font-size: 14px;
    cursor: pointer;
    border-radius: 8px;
}

@media (max-width: 767px) {
    #block-fragomen-mainwebsitefooterbottom .socialicons {
        justify-content:center;
    }

    .footer-city {
        margin-bottom: 25px;
    }

    div#block-fragomen-mainwebsitefooterleft img {
        filter: brightness(0.5);
    }

    section.hero-banner.help-fragho-new .accordion-flush .accordion-item .accordion-button {
        padding-right: 20px;
    }

    div#popupform #edit-preferred-study-destination-services--description {
        font-size: 0.8rem;
        padding: 0 0 20px;
    }

    div#popupform #edit-preferred-study-destination-services span {
        font-size: 1rem;
        padding: 0;
    }

    #popupform form .js-form-item.form-item.js-form-type-checkbox label {
        margin-right: 5px;
    }

    #popupform form .js-form-item.form-item.js-form-type-checkbox {
        gap: 6px;
        margin-left: -9px;
    }

    .fancybox-slide--html .fancybox-close-small {
        right: 0px;
        transform: scale(0.7);
    }

    div#popupform .floatingl_out .form-floating {
        display: block;
        margin: unset;
    }

    div#popupform #edit-preferred-study-destination-services-other {
        width: inherit;
    }

    div#popupform {
        max-width: 90%;
        width: 90%;
    }

    div#popupform div#edit-field-wrapper {
        width: inherit;
    }
}

.search-icon {
    position: relative;
    display: block;
    width: 21px;
    height: 21px;
    text-indent: -99999px;
}

.search-icon::after {
    position: absolute;
    filter: brightness(0.1);
    top: 0;
    left: 0;
    display: inline-block;
    content: "\f002";
    cursor: pointer;
    text-indent: 1px;
    color: #ffffff;
    ;font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}

section.hero-banner.help-fragho-new {
    background-color: rgba(198,233,251,0.22);
    padding: 80px 0 0px 0;
}

section.hero-banner.help-fragho-new {
    position: relative;
}

.help-frag2 img {
    margin-left: -220px;
    max-width: 38vw;
}

section.hero-banner.help-fragho-new .container {
    max-width: 92%;
}

section.subscription-sec {
    height: 25vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100%;
    width: 92%;
    margin: auto;
    margin-bottom: -100px;
    position: relative;
    z-index: 99;
    padding: 0 9%;
}

section.subscription-sec h3 {
    color: #fff;
    font-family: 'ProximaNova-Bold';
}

section.subscription-sec p {
    font-size: 1.4rem;
    line-height: normal;
    color: #fff;
    font-family: 'ProximaNova-Regular';
    margin-bottom: 0;
}

section.subscription-sec form label {
    display: none;
}

section.subscription-sec form {
    position: relative;
}

section.subscription-sec form .webform-button--submit {
    position: absolute;
    top: 18px;
    right: 50px;
}

section.subscription-sec form input.form-email {
    background-color: #fff;
    border: 0;
    height: 60px;
    border-radius: 8px;
    width: 90%;
    padding-left: 30px;
    margin-bottom: 0;
    padding-right: 80px;
}

section.subscription-sec form .js-form-item.form-item {
    text-align: center;
}

section.subscription-sec .row .col-md-6:nth-child(2) {
    align-self: center;
}

.help-fra h3 {
    color: #253746;
}

.help-fra h2 {
    color: #253746;
    width: 47%;
    line-height: 2rem
}

.help-fra p {
    font-size: 16px;
    color: #6E6D6D;
    width: 70%;
}

section.hero-banner.help-fragho-new .faqloadmore {
    display: none;
}

section.hero-banner.help-fragho-new .accordion-item {
    background-color: transparent;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding-left: 0;
    width: 95%;
    margin-left: auto;
}

section.hero-banner.help-fragho-new .accordion-flush .accordion-item .accordion-button {
    background: transparent;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

footer.fragomen-footer .container {
    max-width: 90%;
}

footer.fragomen-footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

div#block-fragomen-mainwebsitefooterleft h2 {
    font-family: 'Inter';
    font-size: 2.5rem;
    width: 80%;
    margin-bottom: 2rem;
}

div#block-fragomen-mainwebsitefooterleft p {
    width: 60%;
    font-family: 'Inter';
}

div#block-fragomen-mainwebsitefooterleft p a {
    color: #fff;
    text-decoration: auto;
    cursor: pointer;
}

div#block-fragomen-mainwebsitefooterleft p a img {
    margin-right: 8px;
}

div#block-fragomen-mainwebsitefooterleft p:nth-child(2) {
    margin-bottom: 2rem;
}

.footer-right form {
    text-align: left;
}

.footer-left {
    width: 45%;
}

.footer-right {
    width: 55%;
}

.footer-menu {
    text-align: center;
    margin-top: 25px;
    padding: 20px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.footer-city {
    margin-top: 40px;
    flex-wrap: wrap;
}

.footer-city a {
    margin-right: 15px;
    margin-left: 15px;
    color: #fff;
    text-decoration: unset;
}

.footer-menu a {
    padding: 0 20px;
}

#block-fragomen-mainwebsitefooterform input#edit-first-name,#block-fragomen-mainwebsitefooterform input#edit-last-name-,#block-fragomen-mainwebsitefooterform input#edit-mobile-,#block-fragomen-mainwebsitefooterform input#edit-email- {
}

#block-fragomen-mainwebsitefooterform input#edit-first-name::placeholder,#block-fragomen-mainwebsitefooterform input#edit-last-name-::placeholder,#block-fragomen-mainwebsitefooterform input#edit-mobile-::placeholder,#block-fragomen-mainwebsitefooterform input#edit-email-::placeholder {
    color: #fff
}

footer.fragomen-footer .copy {
    display: flex;
    text-align: center;
    justify-content: space-between;
}

.footer-right form h3 {
    margin-bottom: 30px;
}

.footer-right form .js-form-item.form-item.js-form-type-checkbox input {
    visibility: hidden;
    margin-left: -8px;
}

.footer-right form .js-form-item.form-item.js-form-type-checkbox {
    width: fit-content;
}

.footer-right form .form-checkboxes {
    display: flex !important;
    justify-content: left !important;
    flex-wrap: wrap !important;
    row-gap: 20px !important;
    padding-top: 15px;
    margin-bottom: 20px !important;
}

.footer-right form .js-form-item.form-item.js-form-type-checkbox label {
    padding: 10px 25px;
    border: 1px solid #fff;
    font-size: 14px;
    cursor: pointer;
    border-radius: 8px;
}

.footer-right form input#edit-consent,.footer-right form input#edit-consent--2 {
    visibility: visible;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    margin-left: 0;
    cursor: pointer;
}

.footer-right form div#edit-processed-text-01 p span {
    font-size: 12px !important;
    color: #fff;
    opacity: .9;
}

section.hero-banner.help-fragho-new .accordion-item.active {
    width: 100% !important;
    padding-left: 2.2rem !important;
    margin-top: 25px;
}

section.hero-banner.help-fragho-new .accordion-item.active {
    background-color: #EDF8FF;
    border: 1px solid rgba(0,156,220,0.2);
    border-radius: 8px;
}

.footer-right form .js-form-item.form-item.js-form-type-checkbox label.clicked {
    background-color: #f29020;
    border: 1px solid #f29020;
    color: #fff;
}

section.hero-banner.help-fragho-new .accordion-flush .accordion-item .accordion-button::after {
    color: #f29020;
}

.help-fra h2,section.hero-banner.help-fragho-new .accordion-flush .accordion-item .accordion-button,div#block-fragomen-mainwebsitefooterleft h2,.footer-right form h3 {
    font-family: ProximaNova-Bold;
}

.help-fra p,div#block-fragomen-mainwebsitefooterleft p,.footer-right form div#edit-processed-text-01 p span,.footer-right form .js-form-item.form-item.js-form-type-checkbox label,.footer-right form fieldset.js-webform-checkboxes-other span,.footer-right form input.submit-btn,.footer-menu a,footer.fragomen-footer .copy .copyright {
    font-family: ProximaNova-Regular;
}

section.subscription-sec form .webform-button--submit {
    cursor: pointer;
    border: none;
    width: 53px;
    z-index: 99;
    background: transparent url(/sites/default/files/2024-04/Vector_1.png) no-repeat;
    transform: scale(.8);
}

section.subscription-sec form input.form-email::placeholder {
    font-size: 16px;
    color: #6E6D6D;
}

section.subscription-sec h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 0;
}

input#edit-actions-submit {
    border: unset;
    border-radius: 5px;
    transition: all linear 0.3s;
    margin-top: 30px;
}

@media (max-width: 767px) {
    section.subscription-sec {
        width:100%;
        padding: 0;
        height: 45vh;
    }

    section.subscription-sec .col-md-6 {
        padding: 0;
    }

    section.subscription-sec h3 {
        text-align: center;
        font-size: 1.5rem;
        line-height: normal;
        margin-bottom: 15px
    }

    section.subscription-sec p {
        text-align: center;
        font-size: 1.2rem;
        line-height: normal;
        margin-bottom: 30px;
        color: #fff;
    }

    section.subscription-sec form input.form-email {
        margin-bottom: 0;
        width: 85%;
    }

    .help-frag2 img {
        width: 354px;
        margin-left: 0;
        position: absolute;
        top: 158px;
        right: -135px;
        overflow: hidden;
        transform: rotate(275deg);
        z-index: -1;
        display: none;
    }

    section.hero-banner.help-fragho-new {
        overflow: hidden;
        z-index: 9;
        padding-bottom: 100px;
        background-image: url(/sites/default/files/2024-04/arrow_mobile.png);
        background-size: auto;
        background-position-y: 15px;
        background-position-x: 116%;
    }

    .help-fra p {
        width: 85%;
    }

    section.hero-banner.help-fragho-new .accordion-flush .accordion-item .accordion-button {
        font-size: 14px;
        width: 90%;
    }

    section.hero-banner.help-fragho-new .accordion-flush .accordion-item .accordion-button::after {
        right: -40px;
    }

    section.hero-banner.help-fragho-new .accordion-item.active {
        padding-left: 1.2rem !important;
    }

    section.hero-banner.help-fragho-new .accordion-item {
        width: 95%;
    }

    .footer-left {
        width: 95%;
        background-image: url(https://www.fesstudyabroad.com/sites/default/files/2025-03/Group10000049142.webp);
        background-size: 100% 100%;
        text-align: center;
        margin: auto;
        padding: 32px 25px 25px;
        margin-top: -85px;
        border-radius: 10px;
        margin-bottom: 50px;
    }

    div#block-fragomen-mainwebsitefooterleft h2 {
        color: #083a64;
        width: 100%;
        font-size: 1.5rem;
        margin-bottom: 0;
    }

    div#block-fragomen-mainwebsitefooterleft .mobile-hidden,div#block-fragomen-mainwebsitefooterleft p:nth-child(2),div#block-fragomen-mainwebsitefooterleft p:nth-child(6) {
        display: none;
    }

    div#block-fragomen-mainwebsitefooterleft p:nth-child(3) {
        width: 100%;
        color: #083a64;
    }

    div#block-fragomen-mainwebsitefooterleft p:nth-child(4),div#block-fragomen-mainwebsitefooterleft p:nth-child(5) {
        display: inline-block;
        width: 50%;
    }

    div#block-fragomen-mainwebsitefooterleft p a {
        color: #083a64;
    }

    div#block-fragomen-mainwebsitefooterleft p a img {
        filter: brightness(0.1);
    }

    .footer-right form h3 {
        margin-top: 2.5rem;
        font-size: 1.65rem;
    }

    .footer-right {
        width: 100%;
    }

    #block-fragomen-mainwebsitefooterform input#edit-first-name {
    }

    #block-fragomen-mainwebsitefooterform input#edit-first-name,#block-fragomen-mainwebsitefooterform input#edit-last-name-,#block-fragomen-mainwebsitefooterform input#edit-mobile-,#block-fragomen-mainwebsitefooterform input#edit-email- {
        width: 100%;
    }

    .footer-right form fieldset legend span {
        font-size: 18px !important;
    }

    .footer-right form .js-form-item.form-item.js-form-type-checkbox label {
        font-size: 12px;
    }

    .footer-right form input.submit-btn {
        margin-top: 30px;
        font-size: 18px;
    }

    .footer-menu {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        border-bottom: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer-menu a {
        width: 50%;
        padding-left: 0;
        text-align: left;
        margin-bottom: 20px;
    }

    footer.fragomen-footer .copy p {
        text-align: left;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .socialicons {
        width: 90%;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        justify-content: left;
    }

    section.subscription-sec {
        background-image: url(/sites/default/files/2024-04/orange%20box%20mob.png) !important;
        background-size: 100% 100%;
    }
}

@media (min-width: 1500px) {
    section.hero-banner.help-fragho-new .accordion-item {
        width:96%;
    }
}

.footer-right form .webform-element--title-inline.js-form-item {
    position: relative;
    float: left;
    width: 46%;
}

.footer-right form .webform-element--title-inline.js-form-item label {
    position: absolute;
    top: 13px;
    left: 20px;
}

.footer-right form .webform-element--title-inline.js-form-item input {
    width: 100% !important;
}

.footer-right form .form-item-first-name.js-form-item-first-name {
    margin-right: 2%
}

.footer-right form .form-item-last-name-.js-form-item-last-name- {
    margin-left: 2%
}

.footer-right form .form-item-mobile-.js-form-item-mobile- {
    margin-left: 2%
}

.footer-right form .form-item-email-.js-form-item-email- {
    margin-right: 2%
}

.footer-right .fieldset-wrapper {
    display: flex;
    flex-direction: column;
}

.footer-right .fieldset-wrapper .description {
    order: 1;
}

.footer-right .form-checkboxes {
    order: 2;
}

.footer-right .js-webform-checkboxes-other-input.webform-checkboxes-other-input.js-form-item.form-item {
    order: 3;
    margin-bottom: 20px;
}

.footer-right fieldset.js-webform-checkboxes-other legend {
    margin-bottom: 0;
    font-size: 16px;
}

.footer-right fieldset.js-webform-checkboxes-other legend span {
    font-size: 16px;
}

.footer-right .webform-element-description {
    font-size: 12px;
    color: #f29020;
    margin-bottom: 9px;
}

.footer-right .footer-right form .form-checkboxes {
    margin-bottom: 30px;
}

div#block-fragomen-mainwebsitefooterleft p:nth-child(3) {
    font-family: 'ProximaNova-Bold';
}

div#block-fragomen-mainwebsitefooterleft p span {
    font-family: 'ProximaNova-Bold';
}

.footer-right form div#edit-processed-text-01 p a span {
    color: #f29020;
    text-decoration: underline;
}

div#edit-processed-text-01 p a {
    text-decoration: unset;
}

.search-icon::after {
    background: url(/sites/default/files/2024-04/search_ic.png);
    width: 20px;
    content: "";
    height: 24px;
    background-repeat: no-repeat;
    top: 3px
}

@media (min-width: 768px) {
    footer.fragomen-footer .copy .copyright {
        font-size:17px !important;
    }
}

@media (min-width: 1500px) {
    section.subscription-sec {
        height:28vh;
    }

    section.subscription-sec h3 {
        font-size: 1.8rem;
        line-height: 2.1rem;
    }

    section.subscription-sec form input.form-email::placeholder {
        font-size: 18px;
    }

    .help-fra h2 {
        font-size: 2.2rem;
        margin-bottom: 1rem;
        line-height: 2.5rem;
    }

    .help-fra p {
        font-size: 18px;
    }

    section.hero-banner.help-fragho-new .accordion-flush .accordion-item .accordion-button {
        font-size: 22px;
    }

    .accordion-body {
        font-size: 18px !important;
    }

    div#block-fragomen-mainwebsitefooterleft h2 {
        font-size: 2.75rem;
    }

    .footer-left p {
        font-size: 18px;
    }

    .footer-right form h3 {
        font-size: 2rem;
    }

    .footer-right fieldset.js-webform-checkboxes-other legend span {
        font-size: 18px;
    }

    .footer-right .webform-element-description {
        font-size: 14px;
    }

    .footer-right form .js-form-item.form-item.js-form-type-checkbox label {
        font-size: 16px;
    }

    div#edit-processed-text-01 p {
        width: 100%;
    }

    .footer-right form div#edit-processed-text-01 p span {
        font-size: 14px !important;
    }

    .footer-right form input.submit-btn {
        padding: 16px 22px !important;
        font-size: 17px;
    }

    section.subscription-sec form .webform-button--submit {
        right: 45px;
        top: 25px;
    }

    section.subscription-sec form input.form-email {
        height: 70px;
    }
}

@media (min-width: 1700px) {
    section.subscription-sec h3 {
        font-size:2.15rem;
        line-height: 2.15rem;
    }

    section.subscription-sec form input.form-email::placeholder {
        font-size: 19px;
    }

    .help-fra h2 {
        font-size: 2.45rem;
        margin-bottom: 1rem;
        line-height: 2.4rem;
    }

    .help-fra p {
        font-size: 20px !important;
    }

    div#block-fragomen-mainwebsitefooterleft h2 {
        font-size: 3.25rem;
    }

    .footer-left p {
        font-size: 20px;
    }

    .footer-right form h3 {
        font-size: 2.2rem;
    }

    .footer-right fieldset.js-webform-checkboxes-other legend span {
        font-size: 20px;
    }

    .footer-right .webform-element-description {
        font-size: 15px;
    }

    .footer-right form .js-form-item.form-item.js-form-type-checkbox label {
        font-size: 18px;
    }

    div#edit-processed-text-01 p {
        width: 100%;
    }

    .footer-right form div#edit-processed-text-01 p span {
        font-size: 15px !important;
    }

    .footer-right form input.submit-btn {
        padding: 20px 22px !important;
        font-size: 18px;
    }

    section.subscription-sec {
        padding: 0 5%;
    }

    section.subscription-sec form input.form-email {
        height: 75px;
        width: 85%;
    }

    section.subscription-sec form .webform-button--submit {
        top: 25px;
        right: 75px;
    }

    section.hero-banner.help-fragho-new .accordion-flush .accordion-item .accordion-button {
        font-size: 26px;
    }

    div#faqlist .accordion-item .accordion-body {
        font-size: 20px !important;
    }

    .footer-menu a {
        font-size: 19px;
    }

    footer.fragomen-footer .copy .copyright {
        font-size: 20px !important;
    }

    #block-fragomen-mainwebsitefooterform input#edit-first-name,#block-fragomen-mainwebsitefooterform input#edit-last-name-,#block-fragomen-mainwebsitefooterform input#edit-mobile-,#block-fragomen-mainwebsitefooterform input#edit-email- {
        height: 65px;
    }

    .footer-right form .webform-element--title-inline.js-form-item label {
        top: 22px;
    }
}

@media (max-width: 767px) {
    .footer-right form .webform-element--title-inline.js-form-item {
        width:100%;
        margin: 0
    }

    div#block-fragomen-mainwebsitefooterleft p a {
        display: flex;
        justify-content: flex-end;
        align-items: self-end;
        text-align: left;
        font-size: 14px;
        position: relative;
        display: inline-grid;
    }

    div#block-fragomen-mainwebsitefooterleft p a img {
        height: 13px;
        width: 13px;
        margin-bottom: 5px;
        margin-right: 5px;
        position: absolute;
        left: -18px;
        bottom: 0;
    }

    .footer-right form h3 {
        margin-top: 0;
    }

    h4.mobile-subtitle.hidden {
        font-size: 16px;
        margin: 12px 0;
    }

    .help-fra h2 {
        width: 100%;
    }

    .help-fra h2 br {
        display: none;
    }

    .footer-right form .form-checkboxes {
        margin-left: -10px;
    }

    #block-fragomen-mainwebsitefooterbottom {
        display: flex;
        flex-direction: column;
    }

    #block-fragomen-mainwebsitefooterbottom .copy {
        order: 3;
    }

    #block-fragomen-mainwebsitefooterbottom .socialicons {
        border-bottom: 0;
        padding-bottom: 0;
        margin-top: 0;
        padding-left: 14px;
    }

    footer.fragomen-footer .copy .copyright {
        margin-top: 15px;
        margin-bottom: 40px;
        padding-left: 12px;
        text-align: center;
    }

    section.subscription-sec form .form-floating {
        text-align: center;
    }

    .footer-right form .form-floating label,.footer-right form .form-floating input {
        font-size: 14px
    }

    .floatingl_out .form-floating {
        width: 100% !IMPORTANT;
    }
}

.floatingl_out {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.floatingl_out .form-floating {
    width: 47.5%;
}

.container-ch {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
}

.container-ch input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #fff;
}

.container-ch:hover input ~ .checkmark {
    background-color: #ccc;
}

.container-ch input:checked ~ .checkmark {
    background-color: #2196f3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container-ch input:checked ~ .checkmark:after {
    display: block;
}

.container-ch .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.footer-right form .form-floating input {
    background-color: transparent !important;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    margin-top: 0;
    border-radius: 8px;
    color: #fff !important;
    padding-left: 27px width:100%;
}

.form-checkboxes+.form-floating.mb-3 {
    order: 3;
}

.footer-right form .form-floating input::placeholder {
    display: none !important;
    visibility: hidden;
}

.footer-right form .form-actions {
    width: 100%;
}

.footer-right form input#edit-actions-submit {
    padding: 12px !important;
}

input#edit-preferred-study-destination-other {
    display: none;
    width: 100%;
}

.footer-right form .form-floating label {
    padding-left: 15px;
}

.footer-right form .form-floating .form-control:focus {
    border-color: #f29020;
    box-shadow: none;
}

@media (min-width: 1200px) {
    .footer-right form .form-checkboxes {
        margin-left:-10px;
    }

    section.subscription-sec form .form-floating {
        margin-bottom: 0 !important;
        text-align: center;
    }

    .accordion-body {
        font-size: 16px
    }
}

#webform-submission-main-website-footer-form-block-content-7-add-form input#edit-consent,#webform-submission-main-website-footer-form-block-content-7-add-form input#edit-consent--2 {
    appearance: none;
    border: 1px solid #fff;
    border-radius: 4px
}

section.hero-banner.help-fragho-new button.accordion-button.collapsed:after {
    content: "";
    background: url("/sites/default/files/2024-04/faq_plus.png");
    width: 20px;
    background-size: contain;
    height: 20px;
    background-repeat: no-repeat;
    top: 10px;
    position: absolute;
    right: 0;
}

section.hero-banner.help-fragho-new .accordion-button:not(.collapsed)::after {
    content: "";
    background: url("/sites/default/files/2024-04/faq-minus.png");
    width: 20px;
    background-size: contain;
    height: 20px;
    background-repeat: no-repeat;
    top: 10px;
    position: absolute;
    right: 0;
}

input#edit-preferred-study-destination-other::placeholder {
    visibility: visible !important;
    color: #fff;
}

.accordion-body {
    font-family: 'ProximaNova-Regular';
}

@media (min-width: 1800px) {
    .help-fra p {
        font-size:21px !important;
    }

    div#faqlist .accordion-item .accordion-body {
        font-size: 21px !important;
    }
}

@media (min-width: 1900px) {
    .help-fra p {
        font-size:22px !important;
    }

    div#faqlist .accordion-item .accordion-body {
        font-size: 22px !important;
    }
}

section.hero-banner .main-text {
    position: absolute;
    left: 8.5%;
    top: 34%;
}

section.hero-banner .main-text p span {
    margin: 0;
    display: inline;
}

section.hero-banner .main-text h1 {
    color: #fff;
    font-size: 3.5rem;
    font-family: 'ProximaNova-Bold';
}

section.hero-banner .main-text p {
    color: #f29020;
}

section.hero-banner .main-text p span:nth-child(1) {
    margin-right: 20px;
}

section.hero-banner .main-text p span:nth-child(2) {
    margin-left: 20px;
}

.hero-banner .banner-cta a {
    background-color: #FF8500;
    color: #fff;
    // font-weight: 500;
    // padding: 8px 18px;
    // font-size: 14px;
}

.hero-banner .banner-cta a:hover {
    background-color: #fff;
    color: #FF8500
}

@media (max-width: 767px) {
    section.hero-banner .main-text h1 {
        text-align:center;
        font-size: 2rem;
        width: 100%;
    }

    section.hero-banner .banner-cta {
        width: 100%;
    }

    section.hero-banner .banner-cta a {
        width: 100%;
        text-align: center;
    }

    section.hero-banner .main-text {
        left: 2.5%
    }

    .innerdestin img {
        height: 500px;
        object-fit: cover;
    }
}

@media (min-width: 768px) {
    .navbar {
        padding:0;
    }

    .desk-frag {
        display: block
    }

    .mob-frag {
        display: none
    }
}

label#edit-preferred-study-destination-other-error {
    position: absolute;
    right: 0;
    width: fit-content;
    left: unset;
    top: -6px;
    font-size: 0.8rem;
    color: #ff8400;
}

input#edit-preferred-study-destination-other {
    position: relative;
}

@media (max-width: 767px) {
    section.hero-banner.help-fragho-new .accordion-item:nth-child(5) {
        border:unset;
    }

    .frag-acc {
        padding: 0;
    }

    .desk-frag {
        display: none
    }

    .mob-frag {
        display: block
    }

    .footer-city a {
        font-size: 12px;
    }

    .footer-right form #edit-processed-text-01--2 p {
        font-size: 10px;
    }

    div#block-fragomen-mainwebsitefooterleft p:nth-child(4),div#block-fragomen-mainwebsitefooterleft p:nth-child(5) {
        width: 100%
    }

    .footer-right form input#edit-preferred-study-destination-other {
        margin-top: 10px;
    }

    label#edit-preferred-study-destination-other-error {
        top: 0px;
    }

    #block-fragomen-mainwebsitefooterleft p:nth-child(4) {
        color: #083a64;
    }
}

.footer-right form #edit-container--2 {
    display: flex;
    align-self: flex-start;
    width: 100%;
    margin-bottom: 35px;
    position: relative;
}

.footer-right form #edit-processed-text-01--2 p {
    margin-top: 0;
}

.footer-right form #edit-processed-text-01--2 p a {
    color: #ff8400;
}

#popupform #edit-processed-text {
    width: 100%;
}

.fragomen-header .navbar-light .navbar-nav .nav-link {
    font-weight: 600;
}

.fragomen-header li.nav-item.menu-cta .nav-link {
    background: #ff840000;
    padding: 6px 22px !important;
    border-radius: 5px;
    border: 1px solid #2A3C4B;
    font-size: 14px;
}

.fragomen-header .navbar-nav .nav-item:last-child a.nav-link,.submit-btn {
    border-radius: 5px;
    font-size: 14px;
    padding: 6px 22px !important;
}

.fragomen-header .navbar-expand-lg .navbar-nav {
    gap: 25px;
}

@media (min-width: 1200px) and (max-width:1399px) {
    header.fragomen-header .container {
        max-width:94%;
    }

    div#popupform .floatingl_out .form-floating {
        width: 45.5%;
    }

    .about-us-page section.about-leadership img.img-fluid.view-profile {
        right: 20px!important;
        bottom: 40px!important;
    }
}

@media (min-width: 1400px) {
    div#popupform .floatingl_out .form-floating {
        width:46.5%;
    }
}

.hidden {
    display: none !important;
}

@media (min-width: 768px) {
    section.subscription-sec {
        background-image:url(/sites/default/files/2024-05/Groulk.png) !important;
    }
}

.about-us-page section.desti-content h2 {
    color: #263747;
    margin-bottom: 10px;
    margin-top: 25px;
}

section.about-leadership.desti-content {
    background-image: url(/sites/default/files/2024-07/Mafd.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}

.leadership-overview-page .popup-ln a:focus-visible {
    outline: none;
}

.leadership-overview-page .popup-ln:focus-visible {
    outline: none;
}

.leadership-overview-page .popup-ln a .leadership-overview-page .popup-ln img:focus-visible {
    outline: none;
}

.leadership-overview-page .popup-ln a {
    color: #029CDC;
    font-family: 'ProximaNova-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration-line: underline;
    display: flex;
    align-items: center;
}

.leadership-overview-page .popup-ln img {
    width: 25px;
    margin-right: 8px;
}

.leadership-popup h3 {
    color: #253746;
    font-family: 'Inter';
    font-size: 1.4rem;
    margin-top: 20px;
}

.leadership-overview-page button.f-button.is-close-btn {
    color: #FF8400;
    background-color: transparent;
    border: unset;
}

section.about-leadership.desti-content .row.bulb h3 {
    padding: 0 10px;
}

section.about-leadership.desti-content .frag-poi p {
    padding: 0 10px 6px;
}

section.desti-content h2 {
    padding: 0 20px;
}

.leadership-overview-page section.our-leadership {
    margin-top: 120px;
}

section.our-leadership h2,.our-team h2 {
    font-family: 'ProximaNova-Bold';
    color: #263747;
}

section.our-leadership p,.our-team p {
    color: #6E6D6D;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    font-size: 16px;
    line-height: 24px;
    width: 60%;
    margin-bottom: 35px;
}

.leadership-overview-page .leadership-card img {
    border-radius: 10px;
    cursor: pointer;
}

.leadership-overview-page .fancybox__container {
    --fancybox-bg: #000000d9;
}

.leadership-overview-page .card-content-leadership h3 {
    font-family: 'ProximaNova-Regular';
    font-size: 24px;
    color: #253746;
    font-weight: 600;
    margin-top: 15px;
}

#block-views-block-leadership-block-1 p,#block-views-block-leadership-block-3 p {
    width: 100%;
}

section.our-team {
    margin-top: 40px;
}

.leadership-overview-page img.view-profile {
    width: 25px;
    position: absolute;
    right: 25px;
    bottom: 65px;
    filter: invert(1);
    display: none;
}

section.our-leadership .leadership-card:hover img {
    display: block;
}

section.our-leadership .leadership-overview {
    position: relative;
}

.row.over-leadership {
    row-gap: 4rem;
    margin-top: 4rem;
    --bs-gutter-x: 4rem;
}

@media (max-width: 767px) {
    .upper-image {
        left:unset!important;
    }

    .leadership-overview-page .fancybox__content {
        margin-top: 115px;
    }

    section.about-leadership.desti-content .row.bulb h3,section.about-leadership.desti-content .frag-poi p {
        padding-left: 0;
    }

    .leadership-overview-page .row.bulb {
        width: 90%!important;
        justify-content: space-between;
        margin: auto;
    }

    .leadership-overview-page .frag-poi img {
        height: auto;
    }

    .leadership-overview-page .frag-poi {
        width: 45%;
        text-align: center;
        border: unset;
        margin-bottom: 15px;
        border-radius: 0;
    }

    section.about-leadership.desti-content {
        background-color: #fff;
    }

    .leadership-overview-page .popup-ln {
        margin-bottom: 20px;
    }

    section.about-leadership.desti-content .row.bulb p:last-child {
        padding-bottom: 20px;
    }

    section.about-leadership.desti-content {
        margin-top: 45px;
    }

    .leadership-overview-page .row.bulb {
        width: unset;
    }

    .leadership-overview-page section.desti-content h2 {
        display: block;
        padding: 0 15px;
    }

    .row.over-leadership {
        row-gap: 2rem;
        margin-top: 1rem;
        --bs-gutter-x: unset;
    }

    section.our-leadership p,.our-team p,section.our-leadership h2,.our-team h2 {
        width: 100%;
        padding-left: 10px;
    }

    .leadership-overview-page section.our-leadership,section.our-team {
        margin-top: 20px;
    }

    .leadership-overview {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .leadership-overview-page section.our-team {
        padding-bottom: 35px;
    }

    .leadership-overview-page .fancybox__content {
        max-width: 85% !important;
    }
}

.leadership-overview-page .f-button.is-close-btn {
    top: 0 !important;
}

.leadership-overview-page .fancybox__content {
    //margin-top: 110px;
}

section.our-leadership .leadership-card:hover img.view-profile {
    filter: invert(1);
}

section.our-leadership p {
    color: #273649;
    margin-bottom: 5rem;
}

section.our-leadership .leadership-card:hover img.view-profile {
    filter: invert(0)
}

section.about-leadership.desti-content {
    padding-bottom: 75px;
    padding-top: 10%
}

section.about-leadership.desti-content .row.bulb h3 a {
    text-align: left;
    text-decoration: none;
}

section.about-leadership.desti-content .row.bulb h3 {
    text-align: left;
    margin-bottom: .75rem !important;
}

section.about-leadership.desti-content .frag-poi p {
    text-align: left;
    font-size: 16px;
    color: #263747;
    font-family: 'Inter-Light';
}

section.our-leadership p {
    margin-bottom: 0;
}

.leadership-overview-page .leadership-card img {
    width: 100%;
}

.leadership-overview-page img.view-profile {
    display: none !important;
}

.frag-poi img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

section.about-leadership.desti-content .row.bulb h3,.leadership-overview-page .card-content-leadership h3 {
    font-size: 19px;
}

section.about-leadership.desti-content .frag-poi p,#block-views-block-leadership-block-1 p {
    margin-bottom: 0 !important;
    line-height: 1.25;
    color: #253746;
    font-family: 'ProximaNova-Regular';
    font-weight: 300;
}

.frag-poi img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (min-width: 768px) {
    div#block-fragomen-mainwebsitefooterleft p:last-child {
        font-size:20px;
    }

    div#popupform button.f-button.is-close-btn {
        color: #fff;
        border-radius: 30px;
        border: 1px solid #fff;
        opacity: 1;
    }

    .sticky-mobr {
        display: none!important;
    }

    .leadership-overview-page .row.bulb {
        justify-content: space-between
    }

    .leadership-overview-page section.desti-content .leadership-heading h2 {
        margin-bottom: 35px;
        padding: 0;
    }

    .leadership-overview-page .fancybox__content {
        max-width: 650px!important;
    }

    .col-md-8.leadership-popup {
        padding-top: 50px;
        overflow-y: scroll;
        height: 460px;
        margin-top: 35px;
    }
}

@media (min-width: 1200px) {
    .leadership-overview-page .fancybox__content {
        max-width:950px !important;
    }
}

@media (min-width: 1500px) {
    section.our-leadership h2,.our-team h2 {
        font-size:2.5rem;
    }

    section.our-leadership p {
        font-size: 18px
    }

    section.about-leadership.desti-content .row.bulb h3,.leadership-overview-page .card-content-leadership h3 {
        font-size: 24px;
    }

    section.about-leadership.desti-content .frag-poi p,#block-views-block-leadership-block-1 p {
        font-size: 18px
    }
}

@media (min-width: 1700px) {
    section.our-leadership h2,.our-team h2 {
        font-size:3rem;
    }

    section.our-leadership p {
        font-size: 20px;
        line-height: 1.4;
    }

    section.about-leadership.desti-content .row.bulb h3,.leadership-overview-page .card-content-leadership h3 {
        font-size: 26px;
    }

    section.about-leadership.desti-content .frag-poi p,#block-views-block-leadership-block-1 p {
        font-size: 20px
    }
}

@media (min-width: 1820px) {
    section.our-leadership h2,.our-team h2 {
        font-size:3.25rem;
    }

    section.our-leadership p {
        font-size: 22px;
        line-height: 1.4
    }

    section.about-leadership.desti-content .row.bulb h3,.leadership-overview-page .card-content-leadership h3 {
        font-size: 30px;
    }

    section.about-leadership.desti-content .frag-poi p,#block-views-block-leadership-block-1 p {
        font-size: 22px
    }
}

.upper-image {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.2s;
    opacity: 0;
    z-index: 999;
    height: 400px;
}

.upper-image:hover {
    opacity: 1;
}

.accordion-box {
    margin-bottom: 2px;
    border-top: 1px solid rgba(37,55,70,0.66);
}

.accordion-header:hover {
    color: #253746;
}

.accordion {
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    padding-bottom: 15px;
    width: 95%;
}

.accordion-box:first-child {
    border: unset;
}

.accordion-header,.accordion-header h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #253746;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0px;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    height: 80px;
    align-self: flex-start;
}

.accordion-box.active {
    border-radius: 10px;
    border: 1px solid rgba(0,156,220,0.20)!important;
    background: #EDF8FF;
}

.accordion-header:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    transition: rotate 0.3s;
    font-size: 15px;
}

.accordion-header.active-accordion:after {
    content: '\2212';
}

.accordion-box.active3 {
    border-radius: 10px;
    border: 1px solid rgba(0,156,220,0.20);
    background: #EDF8FF;
    position: relative;
}

.accordion-box {
    margin-left: 45px;
    padding-right: 40px;
}

.accordion-box.active3 {
    margin-left: 0;
    padding-left: 45px;
    padding-right: 40px;
}

.accordion-box.active3 + .accordion-box {
    border-top: unset;
}

.accordion-body {
    height: auto;
    overflow: auto;
    display: none;
    position: relative;
    border-top: none;
    text-align: left;
    font-size: 14px;
    width: 100%;
}

.accordion-content-flex {
    height: 100%;
    width: 100%;
}

a.accordion-header.active-accordion {
    border-bottom: unset;
    padding-bottom: 0px;
}

.accordion-header::after {
    content: url('sites/default/files/2024-08/+.svg');
    position: absolute;
    right: 15px;
}

.accordion-header.active-accordion:after {
    content: url('sites/default/files/2024-08/_.svg');
    position: absolute;
    right: 15px;
}

@media (max-width: 767px) {
    section.subscription-sec form div [role="alert"] {
        bottom:-44px;
        font-size: 0.8rem;
    }

    a.accordion-header.active-accordion {
    }

    .accordion-box {
        margin-left: 10px;
        margin-bottom: 25px;
    }

    .accordion-box.active3 {
        padding-left: 15px;
        padding-right: 20px;
    }

    .accordion-header {
        height: auto;
        font-size: 16px;
        line-height: 24px;
        padding: 15px 25px 15px 0px;
    }

    .accordion {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width:1025px) {
    section.subscription-sec form div [role="alert"] {
        bottom:-44px;
        font-size: 0.8rem;
    }

    div#block-fragomen-mainwebsitefooterleft p {
        width: 85%;
    }

    #block-fragomen-mainwebsitefooterform .floatingl_out .form-floating {
        width: 100%;
    }

    .accordion-header {
        font-size: 18px;
    }
}

.faq-page section.hero-banner .main-text {
    position: absolute;
    left: 6%;
    top: 27%;
}

.faq-tab #myTabs {
    display: block;
    border-radius: 17px;
    border: 1px solid rgba(0,156,220,0.20);
    width: 85%;
    padding: 0;
    margin-top: 0;
}

.faq-tab #myTabs li {
    padding: 10px 25px 10px;
}

.faq-tab #myTabs li:last-child a {
    border: unset;
}

.faq-tab #myTabs li.active {
    background: #DEF5FF;
}

.faq-tab #myTabs li a {
    border-bottom: 1px solid #D7D7D7;
    border-radius: 0;
}

.faq-tab #myTabs li.active a {
    border: 0;
    color: #253746;
    font-family: 'ProximaNova-Regular';
    font-size: 20px;
    font-style: normal;
    text-decoration: unset;
    font-weight: 600;
    line-height: normal;
}

.faq-tab #myTabs li {
    color: rgba(37,55,70,0.55);
    font-family: 'ProximaNova-Regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.faq-tab {
    padding: 3% 0;
}

.faqloadmore a {
    color: #FF8500;
    background-color: #fff;
    border: 1px solid #FF8500;
    padding: 10px 25px;
    transition: all linear 0.4s;
}

.faqloadmore a:hover {
    color: #FFf;
    background-color: #FF8500;
    border: 1px solid #FFF;
    padding: 10px 25px;
    transition: all linear 0.4s;
}

.faq-tab #myTabs li.active {
    transition: all linear 0.4s;
}

.faq-tab #myTabs li:first-child {
    border-top-right-radius: 17px;
    border-top-left-radius: 17px;
}

.faq-tab #myTabs li:last-child {
    border-bottom-right-radius: 17px;
    border-bottom-left-radius: 17px;
}

.faq-page section.hero-banner .main-text p {
    color: #FFF;
}

@media (max-width: 767px) {
    .footer-right form #edit-processed-text-01--2 p,#popupform div#edit-processed-text-01 p {
        margin-top:5px;
    }

    .home-page div#popupform {
        margin-top: 10px;
    }

    fieldset#edit-preferred-study-destination-services {
        padding: 0;
    }

    .faq-page ccordion-box1 {
        margin-bottom: 2px;
    }

    .faq-page accordion1 {
        font-family: Arial,Helvetica,sans-serif;
        width: 500px;
        position: relative;
        overflow: hidden;
        display: inline-block;
        max-width: 100%;
    }

    .faq-page .accordion-header1 {
        display: flex;
        align-items: center;
        padding: 10px 10px;
        cursor: pointer;
        color: #029CDC;
        text-decoration: unset;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.48px;
    }

    .accordion-header::after {
        transform: scale(0.5);
    }

    .accordion-header1::after {
        content: url('/sites/default/files/2024-07/Vectobv.svg');
        position: absolute;
        right: 30px;
    }

    .faq-tab .header h3 {
        color: #263747;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        font-family: 'ProximaNova-Bold';
        margin: 12px 20px 0;
    }

    .faq-page .accordion-body1 {
        overflow: auto;
        display: none;
        position: relative;
        border-top: none;
        text-align: left;
        font-size: 14px;
    }

    .faq-page .accordion-content-flex1 {
        height: 100%;
        padding: 0;
    }

    .faq-page .accordion-box1 {
        border-bottom: 1px solid rgba(255,132,0,0.34);
        margin: 12px 20px 0;
    }

    .faq-page .accordion-box.active3 {
        background-color: background:#FFFBF6;
        background: #FFFBF6;
        border: unset;
        border-radius: 0;
    }

    .faq-page .accordion-box {
        // margin-left: 10px;
        margin-bottom: 15px;
    }

    .faq-page section.hero-banner .main-text {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .faq-page section.hero-banner .main-text h3,.faq-page section.hero-banner .main-text p {
        text-align: center!important;
        left: 0!important;
    }

    .faq-page section.hero-banner .main-text h3,.faq-page section.hero-banner .main-text p {
        text-align: left;
        left: 20px;
        padding-left: 0;
        width: 100%;
    }

    .faq-tab .row {
        display: block;
    }

    .faq-tab .row .col-4 {
        width: 100%;
        margin: auto;
    }

    .faq-tab .row .col-8 {
        width: 100%;
    }

    .faq-tab #myTabs {
        margin: auto;
    }

    .faq-page #v-pills-tabContent {
        margin: 25px 25px!important
    }
}

.footer-right form input#edit-preferred-study-destination-1-other {
    display: none;
}

.footer-right form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #f29020;
}

.footer-right form span.select2-selection.select2-selection--multiple {
    padding: 0 10px;
    font-size: 16px
}

.footer-right form span.select2-selection.select2-selection--multiple input {
    font-size: 15px !important;
    font-family: 'ProximaNova-Regular';
    color: #fff;
}

.footer-right form fieldset#edit-preferred-study-destination {
}

.footer-right fieldset#edit-preferred-study-destination-1 legend {
    font-size: 1rem;
}

.footer-right span.select2.select2-container.select2-container--default.select2-container--focus {
    max-width: 100%;
    width: 100% !important;
}

.footer-right fieldset#edit-preferred-study-destination-1 {
    width: 100%;
}

#block-fragomen-mainwebsitefooterbottom {
    padding: 0px 60px 20px;
}

@media (min-width: 768px) and (max-width:1024px) {
    .faq-tab #myTabs {
        width:100%;
    }

    .faq-tab #myTabs li a {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .faq-page .mobile-block {
        display:none;
    }
}

@media (max-width: 767px) {
    footer.fragomen-footer {
        padding:40px 20px 20px !important;
    }

    section.sidebar-sticky.sticky {
        display: none;
    }

    .faq-page .tablet-block {
        display: none;
    }

    .coming-soon h4 {
        margin-bottom: 6px;
    }

    .sticky-mobr {
        display: flex;
        background-color: #253746;
        padding: 0px 0px;
        justify-content: space-around;
        background-image: linear-gradient(#fff,#fff);
        background-size: 1px 100%;
        background-repeat: no-repeat;
        background-position: center center;
        position: fixed;
        bottom: 0;
        width: 100%;
        opacity: 1;
        z-index: 999;
    }

    .sticky-mobr a {
        color: #fff;
        text-decoration: unset;
        display: flex;
        align-items: center;
        font-size: 0.9rem;
    }

    .sticky-mobr a img {
        width: 30px;
    }

    div#popupform #edit-preferred-study-destination-services span.select2-selection__clear {
        padding-right: 2px !important;
    }

    div#popupform #edit-preferred-study-destination-services span.select2 span.select2-selection {
        background-position-y: 20px;
        padding: 0.6rem 2.4rem 0.6rem 0.5rem !important;
    }

    #popupform div#edit-processed-text {
        padding: 20px 25px;
    }

    .popup-form-wrapper h3 {
        padding-right: 40px;
        line-height: 30px;
    }

    #popupform iframe {
        width: 270px;
    }

    #block-fragomen-mainwebsitefooterbottom {
        padding: 0px 20px 75px;
    }

    .footer-city .coming-soon {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .footer-city p {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .footer-city .coming-soon,.footer-city p {
        font-size: 12px;
        line-height: 22px;
    }
}

.static-pages h1 {
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
    font-size: 2rem;
}

.static-pages li::marker {
    text-transform: capitalize;
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
    font-size: 1.4rem;
}

.static-pages h2,.static-pages h3 {
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.error-container h1 {
    text-align: center;
    font-size: 7.5rem;
    font-family: 'ProximaNova-Regular';
    color: #ff8400;
}

.error-container p {
    text-align: center;
    font-size: 1.4rem;
    font-family: 'ProximaNova-Bold';
    color: #111820;
}

.error-container a {
    text-align: center;
    font-size: 1.6rem;
    font-family: 'ProximaNova-Bold';
    color: #ff8400;
}

.error-container {
    padding-bottom: 30px;
}

@media (max-width: 767px) {
    .error-container h1 {
        font-size:4.5rem;
    }

    .error-container p {
        font-size: 1.2rem;
    }

    .error-container a {
        font-size: 1.4rem;
    }

    .error-container {
        padding: 10px 15px 45px 15px;
    }
}

#popupform form .form-floating .form-control:focus~label {
    font-weight: 400;
    top: -10px;
    left: 10px;
    color: #FF8400;
    width: fit-content;
    padding: 0 5px;
    transition: all linear 0.3s;
    position: absolute;
    background-color: #fff;
    opacity: 1;
    height: auto;
    transform: scale(0.85);
}

#block-fragomen-mainwebsitefooterform input[type=checkbox],.popup-form-wrapper input[type=checkbox] {
    position: relative;
    border: 2px solid #000;
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none!important;
}

#block-fragomen-mainwebsitefooterform input[type=checkbox]:hover {
    opacity: 1;
}

.popup-form-wrapper input[type=checkbox]:hover {
    opacity: 1;
}

#block-fragomen-mainwebsitefooterform input[type=checkbox]:checked {
    background-color: #ff8400;
    opacity: 1;
    position: relative;
    border: solid #ffffff;
}

.popup-form-wrapper input[type=checkbox]:checked {
    background-color: #ff8400;
    opacity: 1;
    position: relative;
    border: solid #ffffff;
}

#block-fragomen-mainwebsitefooterform input[type=checkbox].main:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 5px;
    height: 11px;
    border: solid #ffffffc7;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%,-50%);
    z-index: 2;
}

.popup-form-wrapper input[type=checkbox].main1:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 5px;
    height: 11px;
    border: solid #ffffffc7;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%,-50%);
    z-index: 2;
}

#block-fragomen-mainwebsitefooterform input[type=checkbox]:before {
    border: unset;
}

.popup-form-wrapper input[type=checkbox]:before {
    border: unset;
}

section.about-leadership.desti-content .row.bulb h3 a:before {
    position: absolute;
    content: '';
    top: -10px;
    right: -10px;
    left: -10px;
    bottom: -10px;
    z-index: 40;
    cursor: pointer;
}

.frag-poi {
    position: relative;
}

.dddrt {
    display: flex;
    background-color: #253746;
    justify-content: center;
    background-image: linear-gradient(#fff,#fff);
    background-size: 1px 100%;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    z-index: 999;
    left: 0;
    padding: 15px 0;
}

.enqfrg {
    padding: 15px 0;
}

.wa-icon2 a {
    width: 30px;
}

.enqfrg a img {
}

.enqfrg a {
    gap: 10px;
}

.dddrt,.enqfrg {
    width: 50%;
    justify-content: space-around;
}

.enqfrg {
    display: flex;
}

.mobile-sticky-speak-consultant {
    display: none;
}

@media (max-width: 767px) {
    div#block-fragomen-mainwebsitefooterleft p:last-child a,#block-fragomen-mainwebsitefooterleft p:last-child {
        font-size:16px!important;
    }
}

@media (min-width: 768px) and (max-width:1025px) {
    .coming-soon {
        flex-direction:column;
    }
}

@media (min-width: 768px) and (max-width:1025px) {
    div#popupform #edit-preferred-study-destination-services span.select2-selection__clear {
        height:100px;
    }
}

section.student_review {
    //display: none;
}

@media (min-width: 768px) and (max-width:1280px) {
    div#block-fragomen-mainwebsitefooterleft p {
        width:100%;
    }

    body footer.fragomen-footer {
        padding: 80px 20px 0 !important;
    }
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 170px;
}

[data-tooltip]:hover::after {
    display: block;
    position: absolute;
    content: attr(data-tooltip);
    background: #ff8400;
    padding: .2em;
    border-radius: 6px;
    transition: all linear 0.4s;
    left: -15px;
    width: 100px;
    z-index: 99;
    margin-top: 2px;
    font-size: 0.8rem;
    top: -30px;
}

.footer-city a:focus {
    outline: none;
}

.footer-city a {
    transition: all linear 0.4s;
    position: relative;
}

a.coming-soon {
    cursor: default;
}

.footer-city p {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}

.footer-right .form-floating>.form-control:not(:placeholder-shown)~label {
    display: none;
    transform: scale(.85) translateY(-.78rem) translateX(-0.1rem);
    width: max-content;
}

.footer-right form .form-floating input {
    padding: 0.625rem!important;
}

@media (max-width: 767px) {
    [data-tooltip]:hover::after {
        padding:0em;
        left: -10px;
        width: 70px;
        font-size: 0.58rem;
        top: -14px;
        line-height: 16px;
    }
}

#popup-buttons {
    margin-bottom: 0px;
}

#sliding-popup {
    padding: 2px 0px 0;
}

#sliding-popup h2,#sliding-popup p,.eu-cookie-compliance-more-button,.eu-cookie-compliance-secondary-button,.eu-cookie-compliance-default-button {
    font-family: 'ProximaNova-Regular';
}

#sliding-popup h2,.eu-cookie-compliance-more-button,.eu-cookie-compliance-secondary-button,.eu-cookie-compliance-default-button {
    font-size: 14px;
}

#sliding-popup p {
    font-size: 10.5px;
}

#sliding-popup h2 {
    margin-bottom: 0;
}

.faq-page .faqloadmore {
    display: none;
}

@media (min-width: 768px) {
    .testi .item img {
        max-width:285px;
        min-width: 285px;
    }
}

@media (max-width: 767px) {
    .faq-page #faq-main-tab .accordion-header h3 {
        font-size:16px;
    }
}

@media (min-width: 1024px) {
    .spotlight-card .spotlight-body ul {
        min-height:190px;
    }

    .spotlight-card .event-card-content h4 {
        min-height: 45px !important;
    }
}

.spotlight-page .hero-banner .banner-cta a {
    background-color: #ff8400 !important;
    color: #fff;
    border-color: #ff8400 !important;
    cursor: pointer;
    opacity: 1 !important;
}

.spotlight-page .hero-banner .banner-cta a.main-cta:hover {
    background-color: #fff !important;
    color: #ff8400 !important;
}

form#webform-submission-main-website-footer-form-block-content-7-add-form {
    scroll-margin-top: 130px !important;
}

.spotlight-page section.hero-banner h1,.spotlight-page section.hero-banner p {
    color: #fff !important;
}

@media (min-width: 992px) and (max-width:1199px) {
    .fragomen-header .navbar-expand-lg .navbar-nav {
        margin-right:5px;
    }

    header.fragomen-header .container {
        max-width: 94%;
    }
}

@media (min-width: 768px) {
    .about-us-page .fancybox-content {
        max-width:950px !important;
        padding-right: 20px !important;
    }

    .about-us-page button.fancybox-button {
        top: 0px !important;
        right: 10px;
        color: #f29020;
        font-size: 36px;
    }

    .about-us-page button.fancybox-button svg {
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 767px) {
    .about-us-page .fancybox-slide--html .fancybox-close-small {
        border:0;
        transform: scale(1.3);
    }
}

.about-us-page .popup-ln {
    display: flex;
}

.about-us-page a.social-cta {
    background-color: #253746 !important;
}

.about-us-page a.social-cta {
    background: #253746 !important;
    color: #fff !important;
    text-decoration: none !important;
    border-color: #253746 !important;
}

.about-us-page a.social-cta:hover {
    border-color: #253746 !important;
    color: #253476 !important;
    background: #fff !important;
}

.about-us-page .popup-ln a img {
    margin-top: 8px;
    height: 64px !important;
    width: auto;
}

@media (min-width: 768px) {
    .about-us-page div#block-views-block-leadership-block-2 h2 {
        margin-bottom:40px !important;
    }

    .about-us-page h4.department {
        top: -35px !important;
    }
}

@media (min-width: 768px) {
    div#popupform {
        padding-right:0 !important;
    }

    .about-us-page .fancybox-slide--html #popupform .fancybox-close-small {
        color: #fff !important;
        right: 25px !important;
        top: 22px !important;
        opacity: 1;
        border: 1px solid #fff;
        border-radius: 35px;
    }

    .about-us-page div#popupform .fancybox-button svg {
        width: auto !important;
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .about-us-page .fancybox-slide--html div#popupform .fancybox-close-small {
        color:#fff;
        border: 1px solid #fff;
        transform: scale(0.7);
        top: 22px !important;
    }

    .about-us-page .fancybox-slide--html div#popupform .fancybox-close-small svg path {
        fill: #fff
    }
}

@media (min-width: 1200px) {
    .about-us-page section.about-leadership.desti-content p {
        width:100% !important;
        padding-right: 60px
    }
}

@media (max-width: 767px) {
    .sticky-mobr {
        bottom:10.5%;
        transition: 0.3s linear;
        transition-delay: 0.1s;
    }
}

@media (max-width: 400px) {
    .sticky-mobr {
        bottom:113px;
    }
}

@media (max-width: 767px) and (min-width:400px) {
    .sticky-mobr {
        bottom:17.5%;
    }
}

@media(max-width: 767px) {
    div#sliding-popup {
        z-index:999999;
    }

    .sticky-mobr {
        z-index: 999999;
    }
}
}


.main-hero-banner {
    position: relative;
    height: auto;
}

.hero-banner {
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-banner h1 {
    color: #FFFFFF;
    font-family: "Inter";
    font-weight: 700;
    font-size: 3rem;
    z-index: 1;
    position: absolute;
    bottom: 32%;
    left: 100px;
}

#hero-banner-slider {
    position: unset;
    width: 100%;
    bottom: 45px;
    left: 100px;
}

.hero-banner .overlay {
    position: absolute;
    background: #151F29;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: .3;
}

.form {
    position: absolute;
    background: linear-gradient(174deg,#253746,#083A64);
    width: 26%;
    height: 100%;
    right: 0;
    z-index: 1;
    padding: 30px 40px;
    color: #fff;
    top: 0;
}

.form h3 {
    font-family: "Inter";
    font-size: 1.1rem;
    margin-bottom: 25px;
    line-height: 26px;
}

.form input[type="text"],input[type="tel"],input[type="email"] {
    width: 100%;
    height: 40px;
    background: #dde0e3;
    border: 1px solid #263746;
    outline: none;
    color: #253746;
    padding: 12px;
    margin-bottom: 12px;
    font-family: "Inter-Light";
}

fieldset#edit-preferred-study-destination span,fieldset#edit-preferred-fes-branch--wrapper span {
    font-family: 'Inter';
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: .9rem;
}

.form label {
    font-family: 'Inter';
    font-size: .75rem;
}

.group-checkbox {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 5px;
    margin-bottom: 20px;
}

.checkbox-sec {
    display: flex;
    gap: 5px;
}

.form span {
    font-family: 'Inter-Light';
    font-size: 12px;
    display: block;
    line-height: 20px;
    margin-bottom: 0;
}

input.submit-btn {
    width: 100%;
}

section.home-page-sec-two {
    padding: 80px 60px !important;
}

section.home-page-sec-two .container {
    max-width: 92%;
}

section.home-page-sec-two h2,section.home-page-sec-six h2,section.home-page-sec-seven h2 {
    color: #009CDC;
    font-family: 'Inter';
    font-size: 2.6rem;
    width: 82%;
}

section.home-page-sec-two .container .row {
    align-items: center;
    justify-content: space-between;
}

section.home-page-sec-two .container .row .col-md-6 {
    width: 48%;
}

section.home-page-sec-two p,section.home-page-sec-six p,section.home-page-sec-seven p {
    font-family: 'Inter-Light';
    font-size: 1rem;
    color: #253746;
}

section.home-page-sec-four {
    padding: 80px 60px !important;
}

section.home-page-sec-four .container {
    max-width: 92%;
}

section.home-page-sec-four .container .row {
    background: #253746;
    color: #fff;
    padding: 200px 60px 50px;
    align-items: center;
}

section.home-page-sec-four img {
    display: block;
    margin: auto;
    width: 90%;
    margin-bottom: -170px;
}

section.home-page-sec-four h4 {
    font-family: 'Inter';
    font-size: 1.4rem;
    line-height: 29px;
    margin-bottom: 18px;
}

section.home-page-sec-four p {
    font-family: "Inter-Medium";
    font-size: 1rem;
    width: 93%;
    opacity: .8;
}

section.home-page-sec-four li {
    font-family: 'Inter';
    margin-bottom: 18px;
    font-size: .9rem;
    opacity: .8;
}

.submit-btn {
    background: #ff8400;
    padding: 12px 22px !important;
    color: #fff !important;
    border: none;
    margin-top: 15px;
}

section.home-page-sec-three {
    background: #ffe6cc;
    padding: 80px 60px 100px;
    padding-right: 0;
}

section.home-page-sec-three h2,section.home-page-sec-five h2 {
    color: #253746;
    font-family: 'Inter';
    margin-bottom: 50px;
    font-size: 2rem;
}

section.home-page-sec-five h2 {
    margin-bottom: 20px;
}

section.home-page-sec-five p {
    font-family: 'Inter-Light';
    font-size: .9rem;
    width: 75%;
    margin: auto;
    color: #253746;
}

section.home-page-sec-three .card {
    background: url(/sites/default/files/2023-11/card-new.png);
    background-size: cover;
    padding: 40px 25px;
    margin: 0px 30px 0 0px;
    border: none;
    border-radius: 6px;
    min-height: 290px;
}

section.home-page-sec-three h3 {
    font-family: 'Inter';
    font-size: 1.1rem;
    margin-top: 18px;
    margin-bottom: 12px;
}

section.home-page-sec-three p {
    font-family: 'Inter';
    font-size: .85rem;
    margin-bottom: 0;
    color: #6E6E83;
}

section.home-page-sec-three img {
    width: 22% !important;
}

section.home-page-sec-three .container {
    padding: 0;
    width: 95%;
    margin-right: 0;
}

section.home-page-sec-three .owl-nav {
    position: absolute;
    top: -85px;
    right: 160px;
    display: flex;
    gap: 5px;
}

section.home-page-sec-three .owl-nav img {
    width: 75% !important;
}

section.home-page-sec-five {
    background: #F4FAFF;
    text-align: center;
    padding: 60px 60px;
}

section.home-page-sec-five .container,section.home-page-sec-six .container {
    max-width: 92%;
}

.country {
    display: flex;
    flex-wrap: wrap;
    margin: 50px auto;
    width: 80%;
    column-gap: 100px;
    justify-content: center;
    row-gap: 60px;
}

.single-cntry {
    width: 15%;
}

.single-cntry img.w-100 {
    box-shadow: rgba(0,0,0,0.25) 0px 25px 50px -12px;
    margin-bottom: 20px;
}

.single-cntry h3 {
    font-size: 1.15rem;
    font-family: 'Inter';
}

.more-cntry h4 {
    color: #009CDC;
    font-family: 'Inter-Medium';
    font-size: 1.2rem;
    text-decoration: none;
}

.more-cntry .plane-line {
    display: none;
}

section.home-page-sec-six {
    padding: 100px 60px;
}

section.home-page-sec-six h2,section.home-page-sec-six p {
    text-align: center;
    margin: auto;
}

section.home-page-sec-six p,section.home-page-sec-seven p {
    margin-top: 20px;
}

section.home-page-sec-seven {
    background: #FFFBF2;
    padding: 80px 0 0px 60px;
    height: 70vh;
    background-position: 100% 100%;
    background-size: 50%;
    background-repeat: no-repeat;
}

section.home-page-sec-seven .container {
    max-width: 92%;
}

section.home-page-sec-seven .col-md-6.col-sm-6.col-lg-6.col-12 {
    width: 48%;
    padding: 0;
    margin-top: 0%;
}

.one {
    background-image: url(/sites/default/files/2023-11/Group-23033.png);
    height: 190px;
    width: 22%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.two {
    background-image: url(/sites/default/files/2023-11/02.png);
}

.three {
    background-image: url(/sites/default/files/2023-11/03.png);
}

.four {
    background-image: url(/sites/default/files/2023-11/04.png);
}

.five {
    background-image: url(/sites/default/files/2023-11/05.png);
}

.six {
    background-image: url(/sites/default/files/2023-11/06-a_0.png);
}

.icon-section {
    display: flex;
    gap: 10px;
    position: relative;
    margin-top: 60px;
}

section.home-page-sec-six .inner-content p {
    font-family: 'Inter';
    text-align: left;
    font-size: .8rem;
    width: 62%;
    margin: 10px 0;
    line-height: normal;
}

.inner-content img {
    width: 50px;
    height: 50px;
}

.inner-content {
    position: absolute;
    top: 25px;
}

.accordion-button::after {
    width: auto;
    height: auto;
    content: "+";
    font-size: 40px;
    background-image: none;
    font-weight: 100;
    color: #253746;
    transform: translateY(-4px);
}

.accordion-button:not(.collapsed)::after {
    width: auto;
    height: auto;
    background-image: none;
    content: "-";
    font-size: 48px;
    transform: translate(-5px,-4px);
    transform: rotate(0deg);
}

section.faq-section.home-page-sec-eight {
    padding: 80px;
}

section.faq-section.home-page-sec-eight .container {
    max-width: 80%;
}

section.faq-section.home-page-sec-eight h2,.home-page-sec-nine h2 {
    font-family: 'Inter';
    text-align: center;
    font-size: 2rem;
    margin-bottom: 50px;
}

.accordion-item {
    background: #F8F8F8;
    margin-bottom: 20px;
    border-bottom: none;
    padding: 1rem 2.2rem;
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    border: none;
    outline: none;
    box-shadow: none;
    background: #F8F8F8;
    color: #253746;
    padding: 0;
}

h3.accordion-header button {
    font-family: 'Inter';
    font-size: .9rem;
}

.accordion-body {
    padding: 0 0 1.25rem;
    font-family: 'Inter';
    color: #8B8B8B;
    font-size: .8rem;
    width: 90%;
}

section.testimonial-sec.home-page-sec-nine {
    background: #F4FAFF;
    padding: 100px 60px;
    text-align: center;
}

section.testimonial-sec.home-page-sec-nine .container {
    max-width: 92%;
}

.testimonial-content p {
    font-family: 'Inter-Medium';
    color: #253746;
    font-size: 1rem;
    width: 52%;
    margin: auto;
}

span.plane-line {
    width: 100px;
    display: inline-block;
    border-bottom: 1px solid #ccc;
}

section.testimonial-sec.home-page-sec-nine .header {
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: center;
    margin-bottom: 50px;
    height: 150px;
    background-image: url('/sites/default/files/2023-11/testimonial-icon.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

section.home-page-sec-eight .header {
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: center;
    margin-bottom: 50px;
}

section.testimonial-sec.home-page-sec-nine .header h2,section.home-page-sec-eight .header h2 {
    display: inline-block;
    margin-bottom: 0;
}

section.testimonial-sec.home-page-sec-nine .owl-dots button.owl-dot {
    border: none;
    border-bottom: 2px solid #707070;
    background: white;
    border-radius: 0;
    height: 0px;
    width: 50px;
    position: relative;
}

section.testimonial-sec.home-page-sec-nine .owl-dots button.owl-dot.active,.owl-dots button.owl-dot:hover {
    border-bottom: 3px solid;
    border-color: #FF8400;
    border-radius: 0;
}

section.testimonial-sec.home-page-sec-nine .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
}

#hero-banner-slider .owl-dots {
    display: flex;
    position: absolute;
    bottom: 28%;
    left: 100px;
    align-items: center;
    gap: 5px;
}

#hero-banner-slider .owl-dots button.owl-dot.active {
    background-color: #fff;
    border-radius: 50%;
    height: 13px;
    width: 13px;
}

#hero-banner-slider .owl-dots button.owl-dot {
    border: 1px solid gray;
    background: white;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    position: relative;
}

#hero-banner-slider .owl-carousel .owl-item img {
    height: 100%;
}

.faqloadmore {
    text-align: center;
    margin-top: 60px;
}

.faqloadmore a {
    color: #009CDC;
    font-size: 1rem;
    font-family: 'Inter-Medium';
    text-decoration: none;
}

div#faqlist .accordion-item {
    display: none;
}

section.home-page-sec-six .one:first-of-type .inner-content p {
    width: 40%;
}

div#edit-preferred-study-destination-checkboxes {
    display: grid;
    justify-content: space-between;
    margin-bottom: 15px;
    grid-template-columns: auto auto auto;
    row-gap: 3px;
}

.js-form-item.form-item.js-form-type-checkbox,.js-form-item.form-item.js-form-type-radio {
    display: flex;
    align-items: center;
    gap: 5px;
}

div#edit-preferred-fes-branch {
    display: grid;
    margin-bottom: 10px;
    grid-template-columns: auto auto auto auto;
    justify-content: space-between;
}

div#edit-processed-text-01 span {
    font-size: 12px;
    display: inline!important;
    line-height: 20px;
    margin-bottom: 0;
}

.submit-btn:hover {
    background: #fff;
    color: #ff8400 !important;
    border: 1px solid #ff8400;
}

div#edit-processed-text-01 p {
    margin-top: 0px;
    line-height: 16px;
    margin-bottom: 0;
}

@media (min-width: 1024px) and (max-width:1400px) {
    .form {
        padding:25px 40px
    }

    .form h3 {
        font-size: 1rem;
        margin-bottom: 20px;
        line-height: 23px;
    }

    .form input[type="text"],input[type="tel"],input[type="email"] {
        margin-bottom: 12px;
        font-size: .8rem;
        height: 32px;
    }

    fieldset#edit-preferred-study-destination span,fieldset#edit-preferred-fes-branch--wrapper span {
        margin-bottom: 5px;
        margin-top: 8px;
        font-size: .8rem;
    }

    .group-checkbox {
        margin-bottom: 18px;
    }

    .form span {
        font-size: 11px;
        display: block;
        line-height: 19px;
        margin-bottom: 0;
    }

    .hero-banner h1 {
        font-size: 2.5rem;
    }

    section.home-page-sec-two h2,section.home-page-sec-six h2,section.home-page-sec-seven h2 {
        font-size: 2.4rem;
        line-height: 45px;
        width: 90%;
    }

    section.home-page-sec-two p,section.home-page-sec-six p,section.home-page-sec-seven p {
        font-size: .9rem;
    }

    section.home-page-sec-five {
        padding: 50px 60px;
    }

    div#edit-processed-text-01 span {
        font-size: 9px;
        display: block;
        line-height: 15px;
    }
}

@media (min-width: 1400px) {
    section.home-page-sec-four p {
        font-size:1.1rem;
        width: 90%;
    }

    section.home-page-sec-four li {
        font-family: 'Inter';
        margin-bottom: 18px;
        font-size: 1rem;
    }

    section.home-page-sec-four h4 {
        font-size: 1.58rem;
        line-height: 32px;
        margin-bottom: 18px;
    }

    section.home-page-sec-three p {
        font-family: 'Inter';
        font-size: .95rem;
    }

    section.home-page-sec-three h3 {
        font-size: 1.3rem;
        margin-top: 22px;
        margin-bottom: 12px;
    }

    section.home-page-sec-three h2,section.home-page-sec-five h2 {
        font-size: 2.3rem;
    }

    #hero-banner-slider {
        bottom: 55px;
        left: 110px;
    }

    section.home-page-sec-five p {
        font-size: 1rem;
        width: 75%;
    }

    .single-cntry img.w-100 {
        margin-bottom: 25px;
    }

    .single-cntry h3 {
        font-size: 1.3rem;
    }

    .more-cntry h4 {
        font-size: 1.3rem;
    }

    .one {
        height: 200px;
    }

    .inner-content img {
    }

    h3.accordion-header button {
        font-size: 1rem;
    }

    .accordion-body {
        font-size: .9rem;
    }

    .testimonial-content p {
        font-size: 1.1rem;
    }

    section.home-page-sec-six .inner-content p {
        font-size: .9rem;
    }

    section.home-page-sec-three .card {
        min-height: 320px;
    }

    .faqloadmore a {
        font-size: 1.1rem;
    }

    .form label {
        font-size: .85rem;
    }
}

@media (min-width: 1550px) {
    #hero-banner-slider {
        bottom:60px;
        left: 122px;
    }

    .container {
        max-width: 90%;
    }

    .form h3 {
        font-size: 1.3rem;
        line-height: 28px;
        margin-bottom: 35px;
    }

    .form input[type="text"],input[type="tel"],input[type="email"] {
        height: 45px;
        font-size: 1rem;
    }

    .form {
        padding: 50px 50px;
    }

    fieldset#edit-preferred-study-destination span,fieldset#edit-preferred-fes-branch--wrapper span {
        font-family: 'Inter';
        margin-bottom: 8px;
        margin-top: 15px;
        font-size: 1rem;
    }

    .form label {
        font-family: 'Inter';
        font-size: .95rem;
    }

    .group-checkbox {
        margin-bottom: 25px;
    }

    input.submit-btn {
        width: 100%;
        font-size: 1.1rem;
    }

    .form span {
        font-family: 'Inter-Light';
        font-size: 14px;
        display: block;
        line-height: 24px;
        margin-bottom: 0;
    }

    .hero-banner h1 {
        font-size: 3.5rem;
        left: 110px;
    }

    section.home-page-sec-two h2,section.home-page-sec-six h2,section.home-page-sec-seven h2 {
        font-size: 2.9rem;
    }

    section.home-page-sec-two p,section.home-page-sec-six p,section.home-page-sec-seven p {
        font-family: 'Inter-Light';
        font-size: 1.1rem;
    }

    section.home-page-sec-four h4 {
        font-size: 1.75rem;
        line-height: 36px;
        margin-bottom: 18px;
    }

    section.home-page-sec-four p {
        font-size: 1.25rem;
        width: 88%;
    }

    section.home-page-sec-four li {
        font-family: 'Inter';
        margin-bottom: 20px;
        font-size: 1.15rem;
    }

    section.home-page-sec-three .container {
        max-width: 95%;
    }

    section.home-page-sec-three h3 {
        font-size: 1.45rem;
        margin-top: 22px;
        margin-bottom: 12px;
    }

    section.home-page-sec-three p {
        font-family: 'Inter';
        font-size: 1.05rem;
    }

    section.home-page-sec-three h2,section.home-page-sec-five h2 {
        font-size: 2.6rem;
    }

    section.home-page-sec-five {
        padding: 70px 60px;
    }

    section.home-page-sec-five p {
        font-size: 1.1rem;
        width: 72%;
    }

    .single-cntry h3 {
        font-size: 1.5rem;
    }

    .more-cntry h4 {
        font-size: 1.4rem;
    }

    .inner-content img {
    }

    .one {
        height: 230px;
    }

    section.home-page-sec-six .inner-content p {
        font-size: 1.05rem;
    }

    h3.accordion-header button {
        font-size: 1.1rem;
    }

    .accordion-body {
        font-size: 1rem;
    }

    .testimonial-content p {
        font-size: 1.2rem;
    }

    #hero-banner-slider .owl-dots {
        bottom: 28%;
        left: 110px;
    }

    #hero-banner-slider .owl-dots button.owl-dot.active {
        height: 15px;
        width: 15px;
    }

    #hero-banner-slider .owl-dots button.owl-dot {
        height: 12px;
        width: 12px;
    }

    div#edit-processed-text-01 span {
        font-size: 12px;
        display: block;
        line-height: 20px;
    }

    section.home-page-sec-three .card {
        min-height: 350px;
    }

    section.home-page-sec-three .owl-nav {
        right: 180px;
    }

    .faqloadmore a {
        font-size: 1.2rem;
    }

    section.home-page-sec-seven .col-md-6.col-sm-6.col-lg-6.col-12 {
        margin-top: 0%;
    }
}

@media (min-width: 1650px) {
    .hero-banner {
        height:auto;
    }

    section.home-page-sec-three h2,section.home-page-sec-five h2 {
        font-size: 2.8rem;
    }

    section.home-page-sec-two p,section.home-page-sec-six p,section.home-page-sec-seven p {
        font-family: 'Inter-Light';
        font-size: 1.18rem;
    }

    section.home-page-sec-three p {
        font-family: 'Inter';
        font-size: 1.17rem;
    }

    section.home-page-sec-three h3 {
        font-size: 1.55rem;
    }

    section.home-page-sec-two h2,section.home-page-sec-six h2,section.home-page-sec-seven h2 {
        font-size: 3.2rem;
    }

    section.home-page-sec-five p {
        font-size: 1.18rem;
        width: 72%;
    }

    h3.accordion-header button {
        font-size: 1.18rem;
    }

    .main-hero-banner {
        height: auto;
    }

    .accordion-body {
        font-size: 1.16rem;
    }

    .form label {
        font-family: 'Inter';
        font-size: 1.05rem;
    }
}

@media (max-width: 767px) {
    footer.footer.thank-you a.speak-btn {
        display:none !important;
    }

    .accordion-item {
        padding: 1rem 1.2rem;
    }

    .form {
        position: unset;
        width: 100%;
        padding: 40px;
    }

    .hero-banner,.main-hero-banner {
        height: auto;
    }

    .hero-banner h1 {
        left: 0;
        font-size: 2rem;
        padding: 15px;
        bottom: 40px;
    }

    .hero-banner h1 br {
        display: none;
    }

    section.home-page-sec-two {
        padding: 40px 15px !important;
    }

    section.home-page-sec-two .container .row .col-md-6 {
        width: 100%;
    }

    section.home-page-sec-two .container {
        max-width: 100%;
    }

    section.home-page-sec-two h2,section.home-page-sec-six h2,section.home-page-sec-seven h2 {
        font-size: 1.8rem;
        margin-bottom: 15px;
        width: 100%;
    }

    section.home-page-sec-three {
        padding: 40px 20px !important;
    }

    section.home-page-sec-three h2,section.home-page-sec-five h2 {
        margin-bottom: 30px;
        font-size: 1.8rem;
    }

    section.home-page-sec-three p {
        font-size: .95rem;
        margin-bottom: 0;
    }

    section.home-page-sec-three h3 {
        font-size: 1.3rem;
        margin-bottom: 15px;
    }

    section.home-page-sec-three .card {
        margin: 0px 0px 0 0px;
        padding: 30px;
    }

    section.home-page-sec-three .owl-nav {
        position: absolute;
        top: -65px;
        right: 20px;
    }

    section.home-page-sec-four {
        padding: 40px 20px !important;
    }

    section.home-page-sec-four .container {
        max-width: 100%;
    }

    section.home-page-sec-four img {
        width: 100%;
        margin-bottom: -80px;
    }

    section.home-page-sec-four h4 {
        font-size: 1.05rem;
        line-height: 25px;
    }

    section.home-page-sec-four p {
        font-size: .9rem;
        width: 100%;
        opacity: .8;
    }

    section.home-page-sec-four li {
        margin-bottom: 18px;
        font-size: .85rem;
        opacity: .8;
    }

    section.home-page-sec-four .container .row {
        padding: 120px 10px 50px;
    }

    section.home-page-sec-five {
        background: #F4FAFF;
        text-align: center;
        padding: 40px 15px;
    }

    section.home-page-sec-five .container,section.home-page-sec-six .container {
        max-width: 100%;
    }

    section.home-page-sec-five p {
        font-family: 'Inter-Light';
        font-size: 1rem;
        width: 100%;
    }

    .single-cntry {
        width: 42%;
    }

    .country {
        display: flex;
        flex-wrap: wrap;
        margin: 40px auto;
        width: 100%;
        column-gap: 40px;
        justify-content: center;
        row-gap: 60px;
    }

    section.home-page-sec-six,section.home-page-sec-seven,section.testimonial-sec.home-page-sec-nine,section.faq-section.home-page-sec-eight {
        padding: 40px 15px;
    }

    section.home-page-sec-three .container {
        width: 100%;
    }

    section.home-page-sec-seven .container,section.testimonial-sec.home-page-sec-nine .container,section.faq-section.home-page-sec-eight .container {
        max-width: 100%;
    }

    section.home-page-sec-seven .col-md-6.col-sm-6.col-lg-6.col-12 {
        width: 100%;
        padding-right: 22px;
        padding-left: 22px;
        margin-top: 0%;
    }

    section.home-page-sec-seven {
        height: auto;
        background-size: 100%;
        background-image: none !important;
        padding: 0;
        padding-top: 40px;
    }

    section.home-page-sec-seven .mob-banner {
        padding: 0;
    }

    section.testimonial-sec.home-page-sec-nine .header {
        margin-bottom: 30px;
        height: 120px;
    }

    .testimonial-content p {
        font-size: 1rem;
        width: 100%;
    }

    section.testimonial-sec.home-page-sec-nine .owl-dots {
        margin-top: 50px;
    }

    .icon-section {
        display: flex;
        gap: 10px;
        margin-top: 35px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .one,.two,.three,.four,.five,.six {
        height: 190px;
        width: 45%;
        position: relative;
    }

    img.w-100.desk-banner {
        display: none;
    }

    #hero-banner-slider .owl-dots {
        bottom: unset;
        left: 20px;
        gap: 5px;
        top: 42%;
    }

    div#block-fragomen-footerright br {
        display: none;
    }

    a.map-link {
        display: block;
    }

    div#block-fragomen-footerbottom {
        padding-bottom: 80px;
    }

    div#block-fragomen-mobilestickybutton {
        position: fixed;
        bottom: 0;
        width: 100%;
        display: flex;
        z-index: 9;
        left: 0;
        text-align: center;
    }

    .mobile-sticky-speak-consultant {
        width: 100%;
    }

    div#block-fragomen-mobilestickybutton a.speak-btn {
        width: 100%;
        display: block;
        padding: 16px !important;
        font-size: 1.2rem;
        font-family: 'Inter';
        text-decoration: none;
    }

    .form label {
        font-size: .95rem;
    }

    input.submit-btn {
        font-size: 1.4rem;
    }
}

@media (max-width: 380px) {
    section.home-page-sec-seven {
        height:auto;
        background-size: 100%;
    }

    #hero-banner-slider .owl-dots {
        bottom: unset;
        left: 20px;
        gap: 5px;
        top: 39%;
    }
}

@media (min-width: 768px) {
    .mob-view {
        display:none;
    }

    img.w-100.mob-banner {
        display: none;
    }

    section.home-page-sec-seven .mob-banner {
        display: none;
    }

    section.home-page-sec-seven {
        padding: 0px 0 0px 60px;
        display: flex;
        align-items: center;
    }

    div#block-fragomen-mobilestickybutton {
        display: none;
    }
}

section.thank-you-page {
    padding-top: 1%;
    padding-bottom: 1%;
}

.popup-success-icon {
    text-align: center;
    margin-bottom: 5px;
    margin-top: 1rem;
}

.popup-success-icon img {
    width: 50px;
}

h3.popup-success {
    font-family: 'Inter';
    font-size: 1.4em;
    text-align: center;
}

h4.thankyou-message {
    font-family: 'Inter';
    font-size: 1.2em;
    margin-bottom: 3em;
    text-align: center;
}

.thank-you-page .popup-success-icon img {
    margin-bottom: 30px;
    width: 25%;
}

.thank-you-page h3.popup-success {
    font-family: 'Inter';
    font-size: 3.4em;
    text-align: center;
}

.thank-you-page h4.thankyou-message {
    font-family: 'Inter';
    font-size: 1.4em;
    margin-bottom: 0em;
    text-align: center;
}

footer.footer.thank-you p.copyright {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.webform-confirmation-modal {
    padding: 0;
    height: 300px
}

#thankyou-message-popup {
    top: 10%;
    position: absolute;
    right: 0;
    width: 40px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 40px;
    font-size: 1.6em;
    float: right;
}

#thankyou-message-popup:hover {
    cursor: pointer;
}

@media (max-width: 768px) {
    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.webform-confirmation-modal {
        width:80% !important;
    }
}

section.home-page-sec-two,section.faq-section.home-page-sec-eight,section.home-page-sec-three,#speak-consultant {
    scroll-margin-top: 80px;
}

@media (max-width: 550px) {
    header.fragomen-header .container {
        max-width:100%;
    }
}

div#block-fragomen-sitebranding {
    width: 220px;
}

div#block-fragomen-footerleft p img {
    width: 200px;
}

@media (max-width: 991px) {
    #navbarNav li.nav-item {
        text-align:end;
    }

    #navbarNav ul.navbar-nav {
        margin: 15px 0;
    }
}

@media (max-width: 360px) and (max-height:660px) {
    section.home-page-sec-seven {
        height:105vh;
    }
}

section.home-page-sec-three .card img {
    width: 50px !important;
    height: 50px;
}

section.home-page-sec-three h3 {
    min-height: 50px;
}

section.home-page-sec-three p {
    min-height: 142px;
}

@media (max-width: 640px) {
    section.home-page-sec-two,section.faq-section.home-page-sec-eight,section.home-page-sec-three,#speak-consultant {
        scroll-margin-top:250px;
    }
}

div#edit-container {
    display: flex;
    align-items: self-start;
}

div#edit-container .js-form-type-checkbox {
    margin-top: 4px;
    padding-right: 5px;
}

@media (min-width: 1450px) {
    section.home-page-sec-three h3 {
        min-height:60px;
    }
}

@media (max-width: 767px) {
    .navbar-nav .nav-item:last-child a.nav-link {
        margin-right:0;
        margin-top: 10px;
    }

    .one {
        background-image: url(/sites/default/files/2023-12/Group%2068389.png);
        background-size: contain;
        width: 100%;
        height: 140px;
        background-position: bottom;
        margin-bottom: 10px;
    }

    .inner-content {
        position: unset;
        top: 25px;
        display: flex;
        align-items: flex-start;
        gap: 40px;
    }

    section.home-page-sec-six .one:first-of-type .inner-content p,section.home-page-sec-six .inner-content p {
        font-size: 1.2rem;
        width: 100%;
        line-height: 26px;
        margin: 0;
    }

    .inner-content img {
        width: 66px;
        height: 66px;
    }

    .one.six {
        background: none;
        margin-bottom: 0;
        height: 90px;
    }
}

div#edit-processed-text-01 p a {
    color: #fff;
}

.ui-dialog .ui-dialog-titlebar-close {
    width: 25px;
    height: 25px;
    background: url(/sites/default/files/2023-11/close.png);
    background-size: cover;
}

header.fragomen-header.thank-you {
    position: relative;
}

header.fragomen-header.thank-you .container {
    max-width: 100%;
    text-align: center;
    justify-content: center;
}

header.fragomen-header.thank-you div#block-fragomen-sitebranding {
    width: auto;
    text-align: center;
    margin-top: 40px;
}

@media (min-width: 1400px) {
    header.fragomen-header.thank-you div#block-fragomen-sitebranding {
        width:auto;
        text-align: center;
        margin-top: 40px;
    }

    section.thank-you-page {
        padding-top: 2%;
        padding-bottom: 2%;
    }
}

@media (min-width: 1550px) {
    header.fragomen-header.thank-you div#block-fragomen-sitebranding {
        width:auto;
        text-align: center;
        margin-top: 50px;
    }

    footer.footer.thank-you p.copyright {
        font-size: 1.15rem!important;
    }
}

@media (max-width: 767px) {
    .thank-you-page h4.thankyou-message {
        font-family:'Inter';
        font-size: 1.3em;
        margin-bottom: 0em;
        text-align: center;
        margin-top: 1rem;
    }

    .thank-you-page h3.popup-success {
        font-family: 'Inter';
        font-size: 2.8em;
        text-align: center;
    }

    header.fragomen-header.thank-you div#block-fragomen-sitebranding {
        width: 100%;
        text-align: center;
        margin-top: 60px;
    }

    header.fragomen-header.thank-you a.navbar-brand img {
        width: 100%;
        margin: auto auto 5px;
    }

    .thank-you-page .popup-success-icon img {
        margin-bottom: 20px;
        width: 80%;
    }

    section.thank-you-page {
        padding-top: 2%;
        padding-bottom: 2%;
        padding-left: 2%;
        padding-right: 2%;
    }

    footer.footer.thank-you {
        padding: 0 20px;
    }

    footer.footer.thank-you p.copyright {
        font-size: 1rem!important;
    }
}

.img-fluid {
    height: auto;
}

section.main-hero-banner video {
    width: 100%;
}

section.main-hero-banner video {
    display: block;
}

div.static-pages {
    width: 90%;
    margin: 50px auto;
}

section.main-hero-banner h1 {
    color: #FFFFFF;
    font-family: "Inter";
    font-size: 3rem;
    z-index: 1;
    position: absolute;
    bottom: 32%;
    left: 100px;
    text-shadow: 2px 1px 1px #000;
}

.head-text {
    position: relative;
}

@media (min-width: 1024px) and (max-width:1400px) {
    section.main-hero-banner h1 {
        font-size:2.5rem;
    }
}

@media (min-width: 1550px) {
    section.main-hero-banner h1 {
        font-size:3.5rem;
        left: 110px;
    }
}

@media (max-width: 767px) {
    section.main-hero-banner h1 {
        left:0;
        font-size: 2rem;
        padding: 15px;
        bottom: 40px;
    }

    section.main-hero-banner video {
        height: 500px;
        object-fit: cover;
    }

    section.main-hero-banner h1 br {
        display: none;
    }
}

.static-pages p {
    text-align: justify
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-justify {
    text-align: justify !important;
}

.text-underline {
    text-decoration: underline !important;
}

.text-lowercase {
    text-transform: lowercase!important;
}

.text-uppercase {
    text-transform: uppercase!important;
}

.text-capitalize {
    text-transform: capitalize!important;
}

.proxibold {
    font-family: 'ProximaNova-Bold' !important;
}

.proxireg {
    font-family: 'ProximaNova-Regular' !important;
}

.text-or {
    color: #f29020 !important;
}

.text-white {
    color: #ffffff !important;
}

.text-bl {
    color: #009CDC !important;
}

.text-dkbl {
    color: #253746 !important;
}

.text-para {
    color: #6E6D6D !important;
}

.text-black {
    color: #000000 !important;
}

.bg-or {
    color: #f29020 !important;
}

.bg-white {
    color: #ffffff !important;
}

.bg-bl {
    color: #009CDC !important;
}

.bg-dkbl {
    color: #253746 !important;
}

.bg-black {
    color: #000000 !important;
}

.mb1 {
    margin-bottom: 10px !important;
}

.mb2 {
    margin-bottom: 15px !important;
}

.mb3 {
    margin-bottom: 20px !important;
}

.mb4 {
    margin-bottom: 25px !important;
}

.mb5 {
    margin-bottom: 30px !important;
}

.mb6 {
    margin-bottom: 35px !important;
}

.mt1 {
    margin-top: 10px !important;
}

.mt2 {
    margin-top: 15px !important;
}

.mt3 {
    margin-top: 20px !important;
}

.mt4 {
    margin-top: 25px !important;
}

.mt5 {
    margin-top: 30px !important;
}

.mt6 {
    margin-top: 35px !important;
}

.ml1 {
    margin-left: 10px !important;
}

.ml2 {
    margin-left: 15px !important;
}

.ml3 {
    margin-left: 20px !important;
}

.ml4 {
    margin-left: 25px !important;
}

.ml5 {
    margin-left: 30px !important;
}

.ml6 {
    margin-left: 35px !important;
}

.mr1 {
    margin-right: 10px !important;
}

.mr2 {
    margin-right: 15px !important;
}

.mr3 {
    margin-right: 20px !important;
}

.mr4 {
    margin-right: 25px !important;
}

.mr5 {
    margin-right: 30px !important;
}

.mr6 {
    margin-right: 35px !important;
}

.pb1 {
    padding-bottom: 10px !important;
}

.pb2 {
    padding-bottom: 15px !important;
}

.pb3 {
    padding-bottom: 20px !important;
}

.pb4 {
    padding-bottom: 25px !important;
}

.pb5 {
    padding-bottom: 30px !important;
}

.pb6 {
    padding-bottom: 35px !important;
}

.pt1 {
    padding-top: 10px !important;
}

.pt2 {
    padding-top: 15px !important;
}

.pt3 {
    padding-top: 20px !important;
}

.pt4 {
    padding-top: 25px !important;
}

.pt5 {
    padding-top: 30px !important;
}

.pt6 {
    padding-top: 35px !important;
}

.pl1 {
    padding-left: 10px !important;
}

.pl2 {
    padding-left: 15px !important;
}

.pl3 {
    padding-left: 20px !important;
}

.pl4 {
    padding-left: 25px !important;
}

.pl5 {
    padding-left: 30px !important;
}

.pl6 {
    padding-left: 35px !important;
}

.pr1 {
    padding-right: 10px !important;
}

.pr2 {
    padding-right: 15px !important;
}

.pr3 {
    padding-right: 20px !important;
}

.pr4 {
    padding-right: 25px !important;
}

.pr5 {
    padding-right: 30px !important;
}

.pr6 {
    padding-right: 35px !important;
}

.show {
    display: block !important;
}

.hidden {
    display: none !important;
}

.invisible {
    visibility: hidden !important;
}

.op0 {
    opacity: 0 !important;
}

.op1 {
    opacity: 1 !important;
}

.op5 {
    opacity: 0.5 !important;
}

.d-flex-frag {
    display: flex !important;
}

footer.fragomen-footer h2 {
    color: #FFFFFF;
    font-family: "Inter";
    font-size: 3rem;
}

.fragomen-footer {
    background: url("sites/default/files/2025-01/Footer-background.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
}

.fragomen-footer .overlay {
    position: absolute;
    background: #253746;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: .6;
    left: 0;
    display: none;
}

.footer-left {
    position: relative;
    z-index: 1;
    width: 48%;
}

footer.fragomen-footer {
    padding: 80px 60px 0 !important;
}

footer.fragomen-footer .container {
    max-width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.footer-right {
    position: relative;
    z-index: 1;
    width: 48%;
    text-align: right;
}

.footer-right a.speak-btn {
    display: inline-block;
    text-decoration: none;
    font-family: "Inter";
}

.footer-left p {
    margin-bottom: 0;
    font-family: 'Inter';
    font-size: 1rem;
    margin-top: 20px;
    margin-bottom: 6px;
}

.contact-number a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: 'Inter';
    font-size: 1rem;
}

.contact-number {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 6px;
}

.contact-number a img {
    width: 22px;
}

span.smal-text {
    font-family: 'Inter';
    margin-bottom: 40px;
    display: block;
    font-size: .9rem;
    width: 58%;
}

.footer-right p {
    margin: 30px 0 0;
    font-family: 'Inter';
    font-size: .9rem;
}

.socialicons {
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    margin-top: 40px;
    border-bottom: 1px solid;
    padding-bottom: 40px;
}

.socialicons img {
    width: 50%;
}

a.speak-btn {
    background: #ff8400;
    padding: 12px 22px !important;
    color: #fff !important;
    border: 1px solid #ff8400;
}

.footer-right a.speak-btn:hover {
    background: #fff;
    color: #ff8400 !important;
    border: 1px solid #ff8400;
}

p.copyright {
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 0px;
    font-size: .95rem!important;
}

div#block-fragomen-footerbottom p {
    font-size: .8rem;
}

div#block-fragomen-footerbottom {
    padding-bottom: 20px;
}

div#block-fragomen-footerbottom p a {
    color: #fff;
}

a.map-link {
    color: #fff;
    font-family: 'Inter';
}

@media (min-width: 1024px) and (max-width:1400px) {
    .footer-left p,.contact-number a {
        font-size:.9rem;
    }

    span.smal-text,.footer-right p {
        font-size: .8rem;
    }

    footer.fragomen-footer h2 {
        font-size: 2.8rem;
    }
}

@media (min-width: 1550px) {
    .footer-left p,.contact-number a {
        font-size:1.1rem;
    }

    span.smal-text,.footer-right p {
        font-size: 1rem;
    }

    footer.fragomen-footer h2 {
        font-size: 3.5rem;
        bottom: 80px;
        left: 110px;
    }
}

@media (max-width: 767px) {
    footer.fragomen-footer {
        padding:40px 20px 0 !important;
    }

    footer.fragomen-footer .container {
        max-width: 100%;
        display: block;
    }

    footer.fragomen-footer h2 {
        font-size: 2rem;
    }

    .footer-left {
        position: relative;
        z-index: 1;
        width: 100%;
        margin-bottom: 40px;
    }

    .footer-right {
        position: relative;
        z-index: 1;
        width: 100%;
        text-align: left;
    }

    span.smal-text {
        width: 75%;
    }

    .contact-number a {
        margin-bottom: 6px;
        font-size: .9rem;
    }

    .contact-number a img {
        width: 15px;
    }

    .contact-number {
        display: block;
        margin-bottom: 15px;
    }
}

footer.fragomen-footer .copy {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}

footer.fragomen-footer .copy .copyright {
    padding-top: 0;
}

footer.fragomen-footer .terms-link a {
    color: #fff;
    text-decoration: none;
    padding: 0 10px;
    font-size: 0.95rem;
}

footer.fragomen-footer .terms-link a:last-child {
    padding-right: 0;
}

footer.fragomen-footer .terms-link a:hover {
    text-decoration: underline;
}

@media (max-width: 991px) {
    footer.fragomen-footer .copy {
        display:block;
    }

    footer.fragomen-footer .terms-link a {
    }

    footer.fragomen-footer .terms-link {
        text-align: center;
    }
}

@media (min-width: 1024px) and (max-width:1299px) {
    div#block-fragomen-footerbottom p {
        font-size:.85rem !important;
        align-self: center;
    }

    footer.fragomen-footer .terms-link a {
        font-size: .85rem !important;
    }
}

@media (min-width: 1024px) {
    footer.fragomen-footer .copy .copyright {
        margin-bottom:0
    }
}

@media (max-width: 767px) {
    footer.fragomen-footer .copy {
        display:flex;
        flex-direction: column;
    }

    footer.fragomen-footer .copy .copyright {
        order: 2;
        margin-bottom: 0;
        margin-top: 25px;
    }
}

.destination-overview-page section.desti-content h2 {
    padding: 0;
}

section.destination-services .card img {
    max-width: 80px;
    min-width: 80px;
    height: 75px;
    margin-top: -65px;
    margin-left: -17px;
    margin-bottom: 23px;
}

section.destination-services .frag-card .card-heading h3 {
    font-size: 1.35rem;
    line-height: 1.65rem;
    margin-bottom: 1rem;
    font-family: 'ProximaNova-Bold';
}

section.destination-services .card {
    padding: 2rem;
    border-radius: 12px
}

section#trits .container {
    max-width: 90%;
}

section.destination-services .card .card-content {
    font-size: 15px;
    font-family: 'ProximaNova-Regular';
    color: #6E6D6D;
}

section.destination-services .frag-card:nth-child(2),section.destination-services .frag-card:nth-child(4) {
    margin-top: 0;
}

section.destination-services .row {
    row-gap: 65px;
}

section.destination-services {
    padding: 50px 0 75px 0;
}

section.desti-content {
    padding-top: 75px;
}

section.desti-content h2 {
    font-family: 'ProximaNova-Bold';
    color: #263747;
    margin-bottom: 1rem;
}

section.desti-content p {
    font-family: 'ProximaNova-Regular';
    //font-size: 14px;
}

section.desti-content p {
    color: #6E6D6D;
}

.country {
    position: relative;
}

.country::before {
    content: "";
    background-image: url(/sites/default/files/2024-04/courses-icon.png);
    width: 45px;
    height: 17px;
    display: inline-block;
    background-repeat: no-repeat;
}

.university {
    position: relative;
}

.university::before {
    content: "";
    background-image: url(/sites/default/files/2024-04/university_icon.png);
    width: 38px;
    height: 27px;
    display: inline-block;
    background-repeat: no-repeat;
}

section.destination-services .card-heading h2 {
    font-family: 'ProximaNova-Bold';
}

section.destination-services p {
    font-family: 'ProximaNova-Regular';
    color: #6E6D6D;
    width: 70%;
}

section.destination-services .card:hover {
}

@media (min-width: 1200px) {
    .destination-inner-page .hyui img {
        position:absolute;
        right: 0;
        width: 50%;
    }
}

.destination-inner-page section.desti-content li {
    color: #6E6D6D;
    font-size: 16px;
    font-family: 'ProximaNova-Regular';
    margin-bottom: 10px;
}

@media (min-width: 1500px) {
    section.desti-content p,.destination-inner-page section.desti-content li {
        font-size:16px;
    }
}

@media (min-width: 1700px) {
    section.desti-content p,.destination-inner-page section.desti-content li {
        font-size:18px;
    }
}

@media (min-width: 1800px) {
    section.desti-content p,.destination-inner-page section.desti-content li {
        font-size:19px;
    }
}

@media (min-width: 1900px) {
    section.desti-content p,.destination-inner-page section.desti-content li {
        font-size:20px;
    }
}

@media (min-width: 768px) {
    section.desti-content a.read-more {
        display:none;
    }

    section.desti-content .mobile-heading {
        display: none;
    }
}

@media (max-width: 767px) {
    section.desti-content .mobile-heading {
        display:block;
    }

    section.desti-content .text-readmore {
        display: none;
    }

    section.desti-content h2 {
        display: none;
    }

    section.desti-content .mobile-heading h2 {
        display: block !important;
    }

    section.desti-content .col-md-5 img {
        margin-bottom: 30px;
    }

    .default-para {
        display: inline;
    }

    .default-para p {
        display: inline;
    }

    section.desti-content a.read-more {
        text-decoration: none;
        color: #f29020;
    }
}

.innerdestin img {
    margin-top: -55px;
}

section#trits h2 {
    margin-bottom: 1rem;
}

.hero-banner .banner-cta a {
    //padding: 8px 25px;
}

@media (min-width: 1500px) {
    section.destination-services p,section.destination-services .card .card-content {
        font-size:17px
    }

    section.destination-services .frag-card .card-heading h3 {
        font-size: 1.5rem;
        line-height: 1.85rem;
    }

    section.desti-content h2,section.destination-services .card-heading h2 {
        font-size: 2.25rem;
    }

    section.hero-banner .main-text h3 {
        font-size: 4rem;
    }

    section.hero-banner .main-text p {
        font-size: 1.75rem
    }
}

@media (min-width: 1700px) {
    section.destination-services p,section.destination-services .card .card-content {
        font-size:19px;
    }

    section.destination-services .frag-card .card-heading h3 {
        font-size: 1.75rem;
    }

    section.desti-content h2,section.destination-services .card-heading h2 {
        font-size: 2.75rem;
    }

    section.hero-banner .main-text h3 {
        font-size: 4.75rem;
    }

    section.hero-banner .main-text p {
        font-size: 2rem;
    }

    .hero-banner .banner-cta a {
        padding: 10px 35px;
        font-size: 17px;
    }

    section.destination-services {
        padding-top: 100px;
    }
}

@media (min-width: 1800px) {
    section.destination-services p,section.destination-services .card .card-content {
        font-size:20px;
    }

    section.destination-services .frag-card .card-heading h3 {
        font-size: 2rem;
        line-height: 2rem;
    }

    section.desti-content h2,section.destination-services .card-heading h2 {
        font-size: 2.9rem;
    }

    section.hero-banner .main-text h3 {
        font-size: 5.25rem;
    }

    section.hero-banner .main-text p {
        font-size: 2.2rem;
    }
}

@media (min-width: 1900px) {
    section.destination-services p,section.destination-services .card .card-content {
        font-size:20px;
    }

    section.destination-services .frag-card .card-heading h3 {
        // font-size: 2.25rem;
        // line-height: 2.5rem;
    }

    section.desti-content h2,section.destination-services .card-heading h2 {
        font-size: 3.2rem;
    }

    section.hero-banner .main-text h3 {
        font-size: 5.5rem;
    }

    section.hero-banner .main-text p {
        font-size: 2.5rem;
    }
}

@media (max-width: 767px) {
    .innerdestin img {
        height:auto;
        width: 100%;
    }

    section.hero-banner .main-text h3 {
        position: absolute;
        top: 14%;
    }

    section.hero-banner .main-text p {
        position: absolute;
        top: 22%;
        font-size: 16px;
        left: 10px;
    }

    section.hero-banner .banner-cta a {
        margin-top: -65px;
        z-index: 9;
        position: relative;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    section.destination-services .container,section#trits .container {
        max-width: 97%;
    }

    section.destination-services p {
        width: 100%;
    }

    section.hero-banner .main-text {
        position: inherit
    }
}

@media (max-width: 767px) {
    section.desti-content p {
        font-size:16px;
    }

    section.desti-content p br {
        display: none;
    }

    section.hero-banner .main-text p {
        font-size: 15px;
    }

    section.desti-content {
        background-color: rgba(171,171,171,0.14);
        padding-bottom: 50px;
    }

    section.hero-banner .banner-cta a {
        width: 83%;
    }

    section.desti-content a.read-more {
        font-family: 'ProximaNova-Bold';
    }

    .col-md-5.mob.hidden {
        padding: 0;
    }
}

@media (min-width: 768px) {
    section.destination-services .card .card-content {
        min-height:190px;
    }

    section.destination-services .card .card-heading {
        min-height: 70px;
    }
}

@media (min-width: 1680px) {
    section.destination-services .card .card-content {
        min-height:160px;
    }

    section.destination-services .card img {
        margin-left: -6px;
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .innerdestin img {
        margin-top:0;
        height: 400px;
        object-fit: cover;
    }

    section.desti-content .col-md-5,section.desti-content .col-md-7 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    img.desk-frag {
        width: 100%;
        margin-bottom: 40px;
    }

    .footer-right form .form-checkboxes {
        margin-left: -10px;
    }

    section.desti-content {
        padding-top: 0;
    }
}

.careers-overview-page .views-field.views-field-view-node a img {
    display: flex;
    margin: 0 10px 5px 10px;
}

.employee-reviews .owl-dots button.owl-dot:hover {
    border-color: transparent;
}

section.careers-overview-cards .tab-pane .col-md-4:hover .views-field.views-field-view-node a {
    text-decoration: underline;
    text-underline-offset: 6px;
    font-weight: 700;
}

.reviews-carousal .employee-reviews .owl-next img:hover {
    background-color: #FF8400!important;
}

.reviews-carousal .employee-reviews .owl-prev img:hover {
    background-color: #FF8400!important;
}

.views-field.views-field-view-node a {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 20px 40px;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: self-end;
}

.views-field.views-field-view-node a:hover {
}

.views-field.views-field-view-node a {
    font-family: 'ProximaNova-Regular';
}

#ajax-wrapper {
    width: 50%;
}

.views-field.views-field-body p,.views-field .field-content {
    color: #6E6D6D;
    font-family: 'ProximaNova-Regular';
}

.views-field.views-field-body p {
    margin-top: 10px;
}

.careers-overview-page section.hero-banner .main-text {
    position: absolute;
    left: 6%;
    top: 22%;
}

.careers-overview-page section.hero-banner .main-text h3 {
    line-height: 1.1;
    margin-bottom: 20px;
}

.careers-overview-page section.hero-banner .main-text p {
    FONT-SIZE: 1.4rem;
    line-height: 1.2;
}

section.careers-overview-sec-2 {
    background-color: #FAFAFA;
    padding: 3% 0;
}

section.careers-overview-sec-2 .container {
    max-width: 90%
}

section.careers-overview-sec-2 .icon-text h3 {
    font-size: 20px;
    font-family: 'ProximaNova-Regular';
    margin-bottom: 0;
}

section.careers-overview-sec-2 .careers-icon img {
    height: 8vh;
    margin-bottom: 20px;
}

section.careers-overview-sec-2 .rhs-sec.row {
    align-self: end;
    margin-left: auto;
    row-gap: 4rem;
    padding-left: 7%;
}

section.careers-overview-sec-2 .lhs-sec p:last-child {
    margin-bottom: 0;
}

section.careers-overview-sec-2 h2,p,h3 {
    font-family: 'ProximaNova-Regular';
}

section.careers-overview-sec-2 h2 {
    font-family: 'ProximaNova-Bold';
    width: 115%;
    font-size: 2.1rem;
    margin-bottom: 1rem;
    color: #083A64;
}

section.careers-overview-sec-2 .lhs-sec p {
    font-size: 18px;
    color: #6E6D6D;
}

section.careers-overview-sec-2 .lhs-sec p:nth-of-type(1) {
    font-size: 20px;
    width: 105%;
    margin-bottom: 1rem;
    color: #0D9BD8;
}

section.footer-mailbox .container {
    width: 90%;
    max-width: 90%;
}

section.footer-mailbox .letf-text {
    width: 60%;
    display: flex;
    align-items: center;
}

section.footer-mailbox .right-text {
    width: 33%;
}

section.footer-mailbox .right-text img {
    width: 100%;
    margin-bottom: -55px;
}

section.footer-mailbox .letf-text p {
    color: #083A64;
    font-family: 'ProximaNova-Bold';
    font-size: 2.8rem;
    width: 92%;
    line-height: normal;
}

section.footer-mailbox {
    padding-top: 25px;
}

section.section-career-form .container {
    max-width: 90%;
}

.sec-upload {
    display: flex;
    justify-content: space-between;
}

section.section-career-form {
    padding-top: 50px;
}

#edit-upload-resume--label,.webform-submission-job-description-form-form .form-floating label {
    font-size: 14px;
}

.webform-submission-job-description-form-form input#edit-actions-submit {
    border: 1px solid #FF8400;
    margin-bottom: 60px;
}

section.section-career-form h2 {
    font-family: 'ProximaNova-Bold';
}

.sec-upload .col-md-6:nth-child(1) {
    width: 40%;
}

.sec-upload .col-md-6:nth-child(2) {
    width: 54%;
}

.sec-upload .col-md-6:nth-child(2) form {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.sec-upload .col-md-6:nth-child(2) .form-floating {
    width: 50%;
}

section.careers-overview-cards div#v-pills-tab {
    display: flex;
    flex-direction: row !important;
    margin-bottom: 20px;
}

section.careers-overview-cards div#v-pills-tab .nav-link {
    color: #A4A4A4;
    font-size: 18px;
}

section.careers-overview-cards .container {
    width: 90%;
    max-width: 90%;
}

section.careers-overview-cards div#v-pills-tab a {
    padding-left: 0;
}

section.careers-overview-cards {
    padding: 50px 0;
}

section.careers-overview-cards .tab-pane {
    box-shadow: none !important;
}

section.careers-overview-cards .tab-pane .col-md-4 {
    border: 2px solid #BBB;
    width: 30%;
    padding: 3%;
    border-radius: 16px;
}

section.careers-overview-cards .tab-pane .row {
    justify-content: start;
    row-gap: 3rem;
    margin-left: 0%;
    column-gap: 3rem;
}

section.reviews-carousal {
    background-color: #FAFAFA;
    padding: 50px 0;
    position: relative;
    z-index: 1;
}

section.reviews-carousal .container {
    width: 90%;
    max-width: 90%;
}

section.footer-mailbox .letf-text p a {
    color: #FF8400;
    text-decoration: unset;
}

section.reviews-carousal h2,section.section-career-form h2 {
    font-family: 'ProximaNova-Bold';
    font-size: 2.1rem;
    margin-bottom: 3.5rem;
}

section.section-career-form h2 {
    margin-bottom: 1rem;
}

.careers-overview-cards h2 {
    font-family: 'ProximaNova-Bold';
    font-size: 2.1rem;
    margin-bottom: 1.5rem;
}

.webform-submission-job-description-form-form input {
    height: 60px;
    margin-top: 0;
    width: 95%;
    border: 1px solid #bbb;
    color: #253746;
    background-color: #fff;
    border-radius: 6px;
    font-family: 'ProximaNova-Regular';
    padding: 15px;
}

.webform-submission-job-description-form-form .form-floating label {
    width: 100%;
    height: auto;
}

v .form-floating {
    height: 45px;
}

#myTabs {
    padding-bottom: 25px;
    margin-top: 30px;
}

#myTabs li a {
    color: #A4A4A4;
}

#myTabs li.active a {
    color: #FF8400;
    border-bottom: 1px solid #ff8400;
    border-radius: 0;
}

#counsellor-tab {
    padding-left: 0;
}

.item.review-card h4 {
    color: #253746;
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
}

.item.review-card .emp-post {
    color: #515F6C;
    font-size: 1.3rem;
}

.views-field .field-content {
    // display: flex;
    align-items: center;
}

.item.review-card p {
    color: #515F6C;
    font-size: 18px;
}

section.careers-overview-cards .tab-pane .col-md-4:hover {
    border: 2px solid #029CDC;
    transition: all linear 0.4s;
}

.emp-wrapper {
    display: flex;
}

.img-emp {
    margin-right: 25px;
    margin-bottom: 20px;
}

.career-over-left-text p a {
    color: #6E6D6D;
    text-decoration: unset;
    font-weight: 800;
}

.webform-submission-job-description-form-form input#edit-actions-submit {
    background-color: #FF8400;
    border: unset;
    color: #fff;
    width: 100%;
    display: block;
    font-family: 'ProximaNova-Bold';
}

.webform-submission-job-description-form-form #edit-actions {
    width: 100%;
    display: block;
}

.views-field.views-field-field-job-type .field-content {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #029CDC;
    background-color: #009CDC4D;
    padding: 5px 19px;
    border-radius: 10px;
    font-size: 0.8rem;
    font-family: 'ProximaNova-Bold';
}

section.careers-overview-cards .tab-pane .col-md-4 {
    position: relative;
    cursor: pointer;
}

.views-field.views-field-title a {
    color: #083A64;
    text-decoration: unset;
    font-family: 'ProximaNova-Bold';
    font-size: 1.4rem;
}

.views-field.views-field-field-location .field-content:before {
    content: "";
    display: inline-table;
    background: url("/sites/default/files/2024-11/loc-1.svg") no-repeat;
    width: 20px;
    margin: 0px 6px 0 0;
    height: 20px;
    object-fit: contain;
    transform: translate(0px,4px);
}

.views-field-field-required-experience .field-content:before {
    content: "";
    display: inline-block;
    background: url("/sites/default/files/2024-11/pr-frg.svg") no-repeat;
    width: 20px;
    margin: 0px 6px -4px 0;
    height: 22px;
    object-fit: cover;
    transform: translate(0px,4px);
}

.views-field.views-field-created .field-content::before {
    content: "";
    display: inline-block;
    background: url("/sites/default/files/2024-11/cal-fg.svg") no-repeat;
    width: 20px;
    margin: 0px 6px -6px 0;
    height: 22px;
    object-fit: cover;
}

.views-field.views-field-field-location,.views-field.views-field-field-required-experience,.views-field.views-field-created {
    margin-bottom: 10px;
}

.views-field.views-field-view-node a {
    color: #009CDC;
    text-decoration: unset;
    padding-top: 20px;
    // display: block;
}

.views-field.views-field-view-node .field-content {
    display: flex;
}

.webform-submission-job-description-form-form input#edit-upload-resume-upload {
    width: 98%;
    padding-left: 110px;
    cursor: pointer;
}

#edit-upload-resume--label {
    position: absolute;
    padding: 0 12px;
    margin: 12px 0;
    height: 35px;
    align-content: center;
    border-right: 1px solid #bbb;
}

.webform-submission-job-description-form-form input {
    width: 98%;
}

.webform-submission-job-description-form-form input::placeholder {
    color: #253746;
    font-size: 0.9rem;
    opacity: 1;
}

.webform-submission-job-description-form-form input {
    outline: unset;
}

.webform-submission-job-description-form-form input:hover {
    border: 1px solid #FF8400;
}

.reviews-carousal .employee-reviews .owl-nav {
    display: block;
}

.reviews-carousal .employee-reviews .owl-prev {
    position: absolute;
    top: -100px;
    right: 50px;
    background-color: #fff!important;
    padding: 5px!important;
}

.reviews-carousal .employee-reviews .owl-prev img {
    background-color: #fff!important;
    padding: 5px 15px !important;
    border-radius: 3px;
}

.reviews-carousal .employee-reviews .owl-next {
    position: absolute;
    top: -100px;
    right: 0;
}

.reviews-carousal .employee-reviews .owl-next img {
    background-color: #fff!important;
    padding: 5px 15px !important;
    border-radius: 3px;
}

.webform-submission-job-description-form-form input#edit-actions-submit:hover {
    color: #FF8400;
    background-color : #fff;
    transition: all linear 0.4s;
    border: 1px solid #FF8400;
}

.webform-submission-job-description-form-form input#edit-actions-submit {
    border: 1px solid #FF8400;
}

.item.review-card h4 {
    margin-bottom: 5px;
}

.title-emp {
    height: 98px;
    align-content: flex-end;
}

@media (max-width: 767px) {
    section.hero-banner .main-text h3,section.hero-banner .main-text p {
        position:relative;
        width: 90%;
        text-align: center;
        top: unset;
        margin: auto;
    }

    .careers-overview-page section.hero-banner .main-text {
        left: unset;
        width: 100%;
    }

    .careers-overview-page section.hero-banner .main-text {
        top: 12%;
    }

    section.hero-banner .main-text p br {
        display: none;
    }

    .careers-overview-page section.hero-banner .main-text p {
        font-size: 16px;
        color: #fff;
        left: unset;
    }

    section.careers-overview-sec-2 h2 {
        width: 100%;
        font-size: 1.6rem;
        margin-bottom: 1rem;
        margin-top: 30px;
    }

    section.careers-overview-sec-2 .lhs-sec p:nth-of-type(1) {
        font-size: 18px;
        width: 100%;
    }

    section.careers-overview-sec-2 .lhs-sec p {
        font-size: 16px;
    }

    .careers-icon {
        width: 50%;
        padding: 0;
    }

    section.careers-overview-sec-2 .rhs-sec {
        margin: 15px auto 54px;
        text-align: center;
    }

    section.careers-overview-sec-2 .lhs-sec p:nth-child(3) {
        display: none;
    }

    section.careers-overview-sec-2 .icon-text h3 {
        font-size: 16px;
    }

    #myTabs {
        overflow: scroll;
        flex-wrap: inherit;
        margin-bottom: 20px;
    }

    section.careers-overview-cards .tab-pane .col-md-4 {
        width: 96%;
    }

    .views-field.views-field-title {
        margin-bottom: 10px;
    }

    section.careers-overview-cards .tab-pane .col-md-4 {
        padding: 20px;
    }

    section.footer-mailbox .letf-text p {
        font-size: 1.4rem;
        width: 100%;
    }

    section.footer-mailbox .letf-text {
        width: 95%;
        z-index: 999;
        margin-bottom: 35px;
    }

    section.careers-overview-cards {
        padding: 25px 0;
    }

    .footer-mailbox {
        position: relative;
    }

    section.footer-mailbox .right-text img {
        width: 45%;
        margin-bottom: 0;
        position: absolute;
        top: 60px;
        right: 0;
    }

    .views-field.views-field-title {
        margin-bottom: 10px;
    }

    section.careers-overview-cards .tab-pane .col-md-4 {
        padding: 20px;
    }

    section.footer-mailbox .letf-text p {
        font-size: 1.4rem;
        width: 100%;
        margin-bottom: 0;
    }

    section.footer-mailbox .letf-text {
        width: 95%;
        z-index: 999;
        margin-bottom: 35px;
        padding: 0;
    }

    section.careers-overview-cards {
        padding: 25px 0;
    }

    .footer-mailbox {
        position: relative;
    }

    section.footer-mailbox .right-text img {
        width: 45%;
        margin-bottom: 0;
        position: absolute;
        top: 60px;
        right: 0;
    }

    .careers-overview-cards h2 {
        font-size: 1.6rem;
        padding-top: 25px;
        line-height: 32px;
    }

    section.reviews-carousal h2,section.section-career-form h2 {
        font-size: 1.6rem;
        line-height: 32px;
    }

    .reviews-carousal .employee-reviews .owl-nav {
        display: none;
    }

    .item.review-card h4 {
        font-size: 1.2rem;
    }

    .item.review-card .emp-post {
        font-size: 1rem;
    }

    .item.review-card p {
        font-size: 16px;
    }

    .emp-wrapper p {
        margin-top: 0px;
    }

    .item.review-card p {
        margin-top: 15px;
    }

    .views-field.views-field-field-job-type .field-content {
        position: relative;
        right: unset;
        top: unset;
        color: #029CDC;
        background-color: #009CDC4D;
        padding: 8px 16px;
        border-radius: 10px;
        font-size: 0.7rem;
        width: fit-content;
        margin-bottom: 10px;
    }

    section.reviews-carousal .container {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 25px;
    }

    .reviews-carousal .employee-reviews .owl-dots {
        display: block;
        margin-left: -25px;
    }

    section.careers-overview-sec-2 .rhs-sec.row {
        row-gap: 3rem;
        padding-left: 0%;
    }

    #block-views-block-ca-software .js-pager__items.pager {
        margin-top: 20px;
        text-align: center;
        padding-left: 0;
    }

    #block-views-block-ca-software .js-pager__items.pager li::marker {
        color: #fff;
    }

    #block-views-block-ca-software .js-pager__items.pager li a {
        color: #FF8400;
        text-decoration: underline;
        font-family: 'ProximaNova-Regular';
    }

    .sec-upload {
        display: block;
    }

    .sec-upload .col-md-6:nth-child(1) {
        width: 100%;
    }

    .career-over-left-text p a {
        color: #FF8400;
    }

    .career-over-left-text img {
        position: absolute;
        width: 150px;
        bottom: 0;
    }

    .section-career-form {
        position: relative;
    }

    .sec-upload .col-md-6:nth-child(2) form {
        display: block;
        padding-right: 0;
    }

    .sec-upload .col-md-6:nth-child(2) {
        width: 100%;
    }

    .sec-upload .col-md-6:nth-child(2) .form-floating {
        width: 100%;
    }

    .webform-submission-job-description-form-form input,.webform-submission-job-description-form-form input#edit-upload-resume-upload {
        width: 100%;
        margin-bottom: 0;
    }

    .webform-submission-job-description-form-form #edit-actions {
        margin-top: 30px;
    }

    section.section-career-form .container {
        padding-right: 0;
    }

    .career-over-left-text {
        margin-bottom: 15px;
        padding-right: 0;
    }

    .reviews-carousal .owl-theme .owl-dots .owl-dot.active span {
        background: #FF8400;
        width: 25px;
        height: 4px;
        border-radius: 0;
    }

    .reviews-carousal .owl-theme .owl-dots .owl-dot span {
        background: #273649;
        width: 25px;
        height: 4px;
        border-radius: 0;
    }
}

.webform-submission-job-description-form-form input:focus + label {
    font-size: 0.875rem;
    font-weight: 400;
    top: -14px;
    left: 15px;
    color: #FF8400;
    background-color: #fff;
    width: fit-content;
    padding: 0 5px;
    transition: all linear 0.3s;
}

@media (min-width: 768px) and (max-width:1025px) {
    #ajax-wrapper {
        width:100%;
    }

    section.careers-overview-sec-2 .careers-icon img {
        height: 45px;
    }

    img.desk-frag {
        margin-bottom: 0px;
    }

    section.hero-banner .main-text h3 {
        font-size: 2.2rem;
    }

    .careers-overview-page section.hero-banner .main-text p {
        line-height: 1.2;
    }

    section.careers-overview-sec-2 .rhs-sec.row {
        align-self: center;
    }

    section.careers-overview-cards .tab-pane .col-md-4 {
        width: 45%;
    }

    section.careers-overview-cards .tab-pane .col-md-4 {
        width: 45%;
        padding: 6% 3%;
    }

    section.footer-mailbox .letf-text p {
        font-size: 1.8rem;
    }

    .item.review-card h4,.item.review-card .emp-post {
        font-size: 16px;
    }

    .item.review-card p {
        font-size: 16px;
    }

    .webform-submission-job-description-form-form input,.webform-submission-job-description-form-form input#edit-upload-resume-upload {
        width: 100%;
    }

    section.careers-overview-sec-2 {
        padding: 35px 0 50px;
    }

    .sec-upload .col-md-6:nth-child(2) .form-floating {
        width: 100%;
    }

    .webform-submission-job-description-form-form input#edit-upload-resume-upload {
        margin-bottom: 25px;
    }
}

@media (min-width: 768px) {
    .item.review-card .emp-wrapper ~ p {
        width:85%;
    }

    .career-over-left-text img {
        position: absolute;
        bottom: 0;
    }

    .sec-upload {
        position: relative;
    }

    .mob p {
        display: none;
        font-size: 16px;
        color: #6E6D6D;
    }
}

.mob p {
    font-size: 16px;
    color: #6E6D6D;
}

@media (max-width: 767px) {
    section.careers-overview-cards .container {
        margin-right:0;
        padding-right: 0;
    }

    .careers-overview-cards h2,#myTabs,#v-pills-tabContent {
        margin-left: -25px;
    }

    #v-pills-tabContent {
        margin-right: 25px
    }

    #ajax-wrapper {
        width: 100%;
    }

    .mob-frag {
        width: 100%;
    }

    section.careers-overview-sec-2 .careers-icon img {
        height: 5vh;
    }
}

#myTabs li a {
    padding: 0.5rem 0;
    margin: 0.5rem 1rem;
}

.employee-reviews .owl-dots button.owl-dot.active:hover {
    border: unset;
}

section.hero-banner .main-text p {
    color: #FF8400;
}

.views-field.views-field-created {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .views-field.views-field-created {
        margin-bottom:45px;
    }

    .views-field.views-field-view-node a {
        padding: 20px 20px;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .views-field.views-field-created {
        margin-bottom:25px;
    }

    .views-field.views-field-view-node a {
        padding: 20px 20px;
    }
}

@media (min-width: 992px) and (max-width:1099px) {
}

.career-inner-page .innerdestin {
    margin-top: 65px;
}

.career-inner-page .req-skill h3.sec-title,.career-inner-page .des-skill h3.sec-title {
    color: #000;
    font-family: 'ProximaNova-Bold';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    padding-top: 45px;
}

.career-inner-page section.job-overview {
    width: 100%;
    padding: 25px;
    margin-top: -40px;
    z-index: 999;
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid rgba(38,55,71,0.18);
    background: #FFF;
    box-shadow: 0px 4px 30px 0px rgba(255,132,0,0.20);
}

.career-inner-page a.main-cta {
    width: 100%;
    text-align: center;
    margin-top: 8px;
}

.career-inner-page .sec-upload p a {
    color: #6E6D6D;
    text-decoration: unset;
    font-weight: 800;
}

.career-inner-page .jloc p:before {
    content: "";
    display: inline-block;
    background: url(/sites/default/files/2024-07/blr.svg.svg) no-repeat;
    width: 30px;
    margin: 0px 5px -12px 0;
    height: 35px;
    transform: scale(0.7);
}

.career-inner-page .jtype p:before {
    content: "";
    display: inline-block;
    background: url(/sites/default/files/2024-11/timer.svg) no-repeat;
    width: 30px;
    margin: 0px 5px -12px 0;
    height: 35px;
    transform: scale(0.7);
}

.career-inner-page .job-loc p:before {
    content: "";
    display: inline-block;
    background: url(/sites/default/files/2024-07/ons.svg) no-repeat;
    width: 30px;
    margin: 0px 5px -12px 0;
    height: 35px;
    transform: scale(0.7);
}

.career-inner-page .jexp p:before {
    content: "";
    display: inline-block;
    background: url(/sites/default/files/2024-07/exp.svg) no-repeat;
    width: 30px;
    margin: 0px 5px -12px 0;
    height: 35px;
    transform: scale(0.7);
}

.career-inner-page .jdepart p:before {
    content: "";
    display: inline-block;
    background: url(/sites/default/files/2024-07/sft.svg) no-repeat;
    width: 30px;
    margin: 0px 5px -12px 0;
    height: 35px;
    transform: scale(0.7);
}

.career-inner-page .job-desc h3.sec-title {
    color: #083A64;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: 'ProximaNova-Bold';
}

.career-inner-page .job-desc {
    padding-top: 45px;
}

.technical-expertise:first-child {
    border-radius: 10px;
    border: 1px solid rgba(38,55,71,0.18);
    background: linear-gradient(2deg,#FFF -5%,#F3FAFF 96.8%);
    padding: 35px;
    margin-top: 60px;
}

.technical-expertise:nth-child(2) {
    border-radius: 10px;
    border: 1px solid rgba(38,55,71,0.18);
    background: linear-gradient(2deg,#FFF -5%,#FFF6ED 98.69%);
    padding: 35px;
    margin-top: 60px;
}

.technical-expertise:nth-child(3) {
    border-radius: 10px;
    border: 1px solid rgba(38,55,71,0.18);
    background: linear-gradient(2deg,#FFF -5%,#F3FAFF 96.8%);
    padding: 35px;
    margin-top: 60px;
}

.technical-expertise h2 {
    color: #083A64;
    font-family: 'ProximaNova-Bold';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.76px;
    margin-bottom: 20px
}

.career-inner-page h5.box-heading {
    color: #FF8400;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    font-family: 'ProximaNova-Bold';
}

.career-inner-page .job-desc h3.sec-title {
    margin-bottom: 20px;
}

.career-inner-page .job-desc p {
    color: #6E6D6D;
    font-family: ProximaNova-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.technical-expertise li {
    color: #6E6D6D;
    margin-bottom: 15px;
    font-size: 16px;
}

.career-inner-page section.social-share-wrap {
    border-radius: 20px;
    border: 1px solid rgba(38,55,71,0.18);
    padding: 25px 25px 15px;
    margin-top: 45px;
    margin-bottom: 45px;
}

.career-inner-page section.social-share-wrap h3.share {
    color: #083A64;
    font-family: 'ProximaNova-Bold';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.76px;
    margin-bottom: 20px;
}

.career-inner-page section.related-careers {
    border-radius: 20px;
    border: 1px solid rgba(38,55,71,0.18);
    padding: 25px 25px 25px;
}

.career-inner-page section.related-careers h3.careers-title {
    color: #083A64;
    font-family: 'ProximaNova-Bold';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.76px;
    margin-bottom: 20px;
}

.career-inner-page .careers-content h4 a {
    color: #083A64;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    text-decoration: unset;
}

.career-inner-page .careers-content .job {
    margin-bottom: 15px;
    color: #6E6D6D;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    border-bottom: 1px solid #AFAFAF;
    padding-bottom: 20px;
    font-family: 'ProximaNova-Regular';
}

.career-inner-page .careers-content footer a {
    color: #FF8400;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    font-family: 'ProximaNova-Regular';
    line-height: 36px;
}

.career-inner-page .des-skill .skill-tabs {
    color: #6E6D6D;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-top: 15px;
    font-family: 'ProximaNova-Regular';
}

.career-inner-page .technical-expertise li {
    font-family: 'ProximaNova-Regular';
}

.career-inner-page .job-desc .col-md-4 {
    display: flex;
    align-items: flex-start;
    border-radius: 10px;
    border: 1px solid rgba(38,55,71,0.18);
    padding: 16px;
    width: 30%;
    gap: 12px;
}

.career-inner-page .job-desc .row {
    justify-content: space-between;
    padding-left: 15px;
}

.career-inner-page .job-desc p {
    margin-bottom: 0;
}

.career-inner-page .skill-tabs span {
    border-radius: 60px;
    border: 1px solid rgba(38,55,71,0.18);
    background: #FFF9F3;
    padding: 10px 15px;
    color: #6E6D6D;
}

.career-inner-page .skill-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 20px;
}

.career-inner-page section.job-overview p.heading {
    display: block;
    width: 100%;
    color: #083A64;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: 'ProximaNova-Bold';
}

@media (min-width: 768px) {
    .career-inner-page .section-career-form img {
        position:absolute;
        bottom: 0;
        z-index: -1;
    }

    .career-inner-page div#block-fragomen-content .row .col-md-8 {
        padding-right: 40px;
    }

    .career-inner-page section.hero-banner .main-text {
        left: 6%;
    }
}

@media (max-width: 767px) {
    .career-inner-page div#block-fragomen-content .row {
        display:flex;
        flex-direction: column;
    }

    .career-inner-page section.social-share-wrap,.career-inner-page section.related-careers {
        display: none;
    }

    .career-inner-page div#block-fragomen-content .row .col-4 {
        order: 1;
        width: 100%;
        padding: 0 25px;
    }

    .career-inner-page div#block-fragomen-content .row .col-8 {
        order: 2;
        width: 100%;
        padding: 0;
    }

    .career-inner-page section.job-overview {
        margin-top: -30px;
        padding: 20px;
    }

    .career-inner-page .innerdestin {
        margin-top: 57px;
    }

    .career-inner-page section.hero-banner .main-text h3 {
        position: relative;
        width: 100%;
    }

    .career-inner-page section.hero-banner .main-text {
        position: absolute;
        left: unset;
        right: unset;
        text-align: center;
        margin: auto;
        top: 50px;
        width: 100%;
    }

    .career-inner-page section.job-overview {
        display: flex;
        flex-wrap: wrap;
    }

    .jloc,.jtype,.job-loc,.jexp,.jdepart {
        width: 50%;
    }

    .career-inner-page .banner-cta {
        display: block;
        width: 100%;
    }

    .career-inner-page section.job-overview p {
        display: flex;
    }

    .career-inner-page .jdepart p:before {
        width: 50px;
    }

    .career-inner-page .job-desc .col-md-4 {
        border: unset;
    }

    .career-inner-page .job-desc .col-md-4 {
        width: 50%!important;
        padding: 10px 12px!important;
    }

    .career-inner-page div#block-fragomen-content .job-desc .row {
        flex-wrap: wrap;
        padding-left: unset;
        flex-direction: row;
    }

    .career-inner-page .job-desc .col-md-4:nth-child(2) {
        order: 3!important;
    }

    .career-inner-page .req-skill .skill-tabs {
        flex-wrap: unset;
        overflow-x: scroll;
    }

    .career-inner-page .skill-tabs span {
        white-space: nowrap;
    }

    .career-inner-page section.req-skill {
        padding: 0 0 0 25px;
    }

    .career-inner-page .req-skill h3.sec-title,.career-inner-page .des-skill h3.sec-title {
        color: #083A64;
        font-size: 18px;
    }

    .technical-expertise {
        background: unset!important;
        border: unset!important;
        padding: 25px!important;
        padding-bottom: 0 !important;
        margin-top: 25px!important;
    }

    .technical-expertise:nth-child(3),.technical-expertise:nth-child(2) {
        margin-top: 0px!important;
        padding-bottom: 0!important;
    }

    .career-inner-page section.job-desc {
        padding: 35px 25px 0;
    }

    .career-inner-page section.des-skill {
        padding: 0 25px;
    }

    .career-inner-page section.job-overview p.heading {
        font-size: 26px;
    }

    section.footer-mailbox .letf-text p a:hover {
        text-decoration: underline;
    }

    .technical-expertise h2,.career-inner-page .job-desc h3.sec-title {
        font-size: 26px;
    }
}

.careers-overview-page section.hero-banner .main-text {
    top: 50%;
    transform: translateY(-50%);
    left: 6%;
}

.careers-overview-page section.hero-banner .main-text h1 {
    left: unset;
    position: relative;
}

.careers-overview-page ul#myTabs li:first-child a.tab1 {
    margin-left: 0;
}

.careers-overview-page .views-field.views-field-field-job-type .field-content {
    border-radius: 30px;
}

@media (min-width: 768px) and (max-width:992px) {
    section.hero-banner.careers-overview-banner {
        margin-top:85px;
    }
}

@media (max-width: 767px) {
    .careers-overview-page section.hero-banner .main-text {
        left:unset;
        top: 200px;
    }

    .careers-overview-page section.hero-banner .main-text h1 {
        bottom: 0;
    }

    .faq-page img.mob-frag,.career-inner-page img.mob-frag {
        margin-top: 90px;
    }
}

.faq-page section.hero-banner .main-text h3 {
    font-size: 2.5rem;
    color: #fff;
    font-weight: 600;
}

.career-inner-page section.hero-banner .main-text h3 {
    color: #fff;
    font-size: 2.2rem;
    font-weight: 600;
}

#v-pills-tabContent li.pager__item .button {
    background-color: #0D9BD8;
    display: flex;
    width: fit-content;
    margin: 20px auto 0;
    color: #fff;
    text-decoration: unset;
    padding: 5px 10px;
    border-radius: 5px;
}

#v-pills-tabContent ul.js-pager__items.pager {
    list-style-type: none;
}

@media (min-width: 1026px) {
    .faq-page .hero-banner h3,.career-inner-page section.hero-banner .main-text h3 {
        font-size:3rem!important;
        color: #fff;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .faq-page img.desk-frag {
        margin-top:80px;
    }

    .career-inner-page .job-desc .col-md-4 {
        width: 47%;
        margin-bottom: 15px;
        margin-right: 10px
    }
}

.career-inner-page section.job-overview p {
    color: #083A64;
    font-weight: 600;
    font-family: 'ProximaNova-Regular';
}

@media (min-width: 768px) and (max-width:1023px) {
    .career-inner-page .innerdestin img {
        height:230px;
    }
}

.sec-upload .col-md-6:nth-child(2) form .form-floating>.form-control:focus~label {
    top: -6px;
    opacity: 1;
}

.js-form-item-upload-resume label {
    position: absolute;
    padding: 0 12px;
    margin: 12px 0;
    height: 35px;
    align-content: center;
    border-right: 1px solid #bbb;
}

.webform-submission-job-description-form-form .js-form-item-upload-resume input {
    width: 98%;
    padding-left: 110px;
    !importan;cursor: pointer;
    outline: unset;
    height: 60px;
    margin-top: 0;
    border: 1px solid #bbb;
    color: #253746;
    background-color: #fff;
    border-radius: 6px;
    font-family: 'ProximaNova-Regular';
}

.sec-upload .col-md-6:nth-child(2) .form-floating:nth-child(5) + div {
    width: 50%;
}

.form-item-upload-resume.js-form-item-upload-resume span.file {
    display: block;
    position: absolute;
    left: 0;
}

.form-item-upload-resume.js-form-item-upload-resume span.file a {
    color: #FF8400;
}

.form-item-upload-resume.js-form-item-upload-resume span {
    position: absolute;
    bottom: -25px;
    right: 8px;
}

.form-item-upload-resume.js-form-item-upload-resume {
    position: relative;
}

@media (max-width: 1024px) {
    .sec-upload .col-md-6:nth-child(2) .form-floating:nth-child(5) + div {
        width:100%;
    }

    .webform-submission-job-description-form-form .js-form-item-upload-resume input {
        width: 100%;
    }
}

section.careers-overview-sec-2.reachus .row {
    justify-content: space-between;
}

.reach-us-sec p {
    FONT-SIZE: 1.4rem;
    line-height: 1.2;
    width: 92%;
    color: #FF8400;
}

section.careers-overview-sec-2.reachus h2 {
    color: #212529;
    font-family: 'ProximaNova-Bold';
    font-size: 2.1rem;
    width: 98%;
    line-height: normal;
}

section.careers-overview-sec-2.reachus a.main-cta {
    background-color: #FF8500;
    transition: all linear 0.3s;
    color: #fff;
}

section.careers-overview-sec-2.reachus a.main-cta:hover {
    background-color: #ffffff;
    transition: all linear 0.3s;
    color: #FF8500;
}

@media (min-width: 768px) and (max-width:1025px) {
    section.careers-overview-sec-2.reachus h2 {
        // font-size:1.8rem;
        width: 100%;
    }

    .careers-overview-page section.hero-banner .main-text p,.reach-us-sec p {
        width: 80%;
        FONT-SIZE: 1rem;
    }
}

@media (max-width: 767px) {
    section.careers-overview-sec-2.reachus h2 {
        width:100%;
        font-size: 1.6rem;
        margin-bottom: 1rem;
        margin-top: 30px;
    }

    .reach-us-sec p {
        FONT-SIZE: 1rem;
        line-height: 1.2;
        width: 100%;
        color: #FF8400;
    }

    section.careers-overview-sec-2.reachus a.main-cta {
        margin-bottom: 45px;
    }

    .reach-us-sec-im {
        padding-bottom: 25px;
    }

    .careers-overview-page section.hero-banner .banner-cta a {
        margin-top: 15px;
    }
}

.resources-overview div#block-views-block-resources-block-2 h2 {
    display: none;
}

.resources-overview a.button {
    display: flex;
    justify-content: center;
    border: 1px solid #FF8500;
    width: max-content;
    margin: auto;
    padding: 8px 35px;
    text-decoration: unset;
    color: #FF8500;
    margin-bottom: 45px;
    border-radius: 5px;
    cursor: pointer;
}

.resources-overview a.button:hover {
    display: flex;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #FF8500;
    width: max-content;
    background-color: #FF8500;
    margin: auto;
    padding: 8px 35px;
    text-decoration: unset;
    color: #ffffff;
    margin-bottom: 45px;
    border-radius: 5px;
    transition: all linear 0.3s;
}

.resources-overview li.pager__item {
    list-style: none;
}

.resources-overview .resources-cards {
    margin-bottom: 35px;
}

.resources-overview .resources-desk-banner img {
    width: 100%;
}

.resources-overview .resources-cards-sec .horizontal img {
    width: 100%;
}

.resources-overview .js-form-item-search::after {
    background: url(/sites/default/files/2024-04/search_ic.png);
    width: 16px;
    content: "";
    height: 15px;
    background-repeat: no-repeat;
    top: 10px;
    position: absolute;
    filter: brightness(0.1);
    left: 8px;
}

.resources-overview form#views-exposed-form-resources-block-2 input {
    height: 30px;
    padding-left: 40px;
}

.resources-overview .js-form-item-search label {
    display: none;
}

.resources-overview form#views-exposed-form-resources-block-2 input {
    border: 1px solid #BFCCD1;
    width: 219px;
    border-radius: 5px;
}

.resources-overview form#views-exposed-form-resources-block-2 {
    width: 82%;
}

.resources-overview .js-form-item-search {
    position: absolute;
    right: 0;
    top: 22px;
}

.resources-overview div#block-views-block-resources-block-2 .container {
    position: relative;
}

.resources-overview .resources-cards-sec .horizontal .cards_knowl h2 a {
    background-color: #ECECEC;
    font-size: 14px;
    color: #253746;
    text-decoration: unset;
    padding: 5px 10px;
    border-radius: 5px;
}

.resources-overview .resources-cards-sec .horizontal .cards_knowl h5 a {
    color: #253746;
    font-size: 1.2rem;
    width: 100%;
    display: block;
    line-height: 1.6rem;
}

.resources-overview .resources-cards-sec .horizontal .cards_knowl {
    border: 1px solid #fff;
    cursor: pointer;
}

.resources-overview .resources-cards-sec .horizontal .cards_knowl:hover {
    border-radius: 10px;
    border: 1px solid #ff840054;
    background: #FFFBF6;
    box-shadow: 0px 4px 30px 0px rgba(255,132,0,0.20);
}

.resources-overview .resources-cards-sec .horizontal img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.resources-overview .resources-cards-sec .horizontal .date-read {
    color: #6E6D6D;
    padding-left: 15px;
}

.resources-overview .resources-cards-sec .horizontal .cards_knowl {
    padding-bottom: 20px;
}

.resources-overview .resources-cards-sec .horizontal .cards_knowl h2 {
    padding-left: 15px;
    padding-top: 10px;
}

.resources-overview .resources-cards-sec .horizontal .cards_knowl h5 {
    padding-left: 15px;
}

.resources-overview .resources-cards-sec .horizontal {
    padding: 0.5% 0 0%;
}

.resources-overview form#views-exposed-form-resources-block-2 ul li .bef-link.bef-link--selected {
    color: #FF8500;
}

.resources-overview form#views-exposed-form-resources-block-2 ul li a {
    color: #253746;
    text-decoration: unset;
    font-weight: 500;
    font-family: 'ProximaNova-Bold';
}

.resources-overview form#views-exposed-form-resources-block-2 ul {
    display: flex;
    justify-content: space-between;
    padding: 2.5% 0;
    list-style-type: none;
    padding-right: 20px;
}

.resources-overview a.main-cta {
    color: #ffffff;
    background-color: #FF8500;
}

.resources-overview a.main-cta:hover {
    background-color: #ffffff;
    transition: all linear 0.3s;
    color: #FF8500;
}

.resources-overview .resources-banner-text {
    // position: absolute;
    // bottom: 10%;
    // left: 6%;
}

.resources-overview .cards_knowl {
    position: relative;
}

.resources-banner-text h2 a {
    background-color: #ECECEC;
    font-size: 14px;
    color: #253746;
    text-decoration: unset;
    padding: 10px 12px;
    border-radius: 5px;
    font-family: 'ProximaNova-Regular';
}

.resources-overview .resources-cards-sec .cards_knowl h5 {
    margin-bottom: 0;
}

.resources-overview .resources-cards-sec .cards_knowl p {
    margin-bottom: 5px;
}

.resources-overview a.main-cta {
    padding: 12px 60px;
    margin-top: 40px;
}

.resources-overview .resources-cards-sec .cards_knowl h5 a {
    color: #fff;
    font-size: 1.6rem;
    width: 80%;
    display: block;
    line-height: 2.2rem;
    margin-top: 20px;
    font-family: 'ProximaNova-Regular';
}

.resources-overview .resources-cards-sec .cards_knowl p {
    color: #fff;
    font-size: 1.2rem;
    width: 60%;
    display: block;
    line-height: 1.8rem;
}

.resources-overview .resources-cards-sec .date-read {
    padding-left: 0;
    color: #fff;
}

.resources-mob-banner img {
    display: none;
}

@media (max-width: 767px) {
    .resources-overview .resources-cards-sec .date-read {
        margin-top:10px;
        font-family: 'ProximaNova-Regular';
        font-weight: 500;
    }

    .resources-overview div#block-views-block-resources-block-2 .container {
        //background: #F7F7F7;
    }

    .resources-overview .resources-cards-sec .horizontal .cards_knowl:hover {
        background: #fff;
    }

    .resources-overview .resources-cards-sec .horizontal .cards_knowl {
        background: #fff;
    }

    .resources-overview .resources-cards-sec .cards_knowl p {
        font-size: 1rem;
        line-height: 1.4rem;
        margin-top: 10px;
    }

    .resources-overview .banner-cta {
        display: none
    }

    .resources-mob-banner img {
        height: 60vh;
    }

    .resources-overview form#views-exposed-form-resources-block-2 ul li .bef-link.bef-link--selected {
        // text-decoration: underline;
    }

    .resources-overview .resources-cards-sec .horizontal .cards_knowl {
        display: flex;
        flex-direction: column;
    }

    .resources-overview .resources-cards-sec .horizontal .cards_knowl h5 {
        order: 2;
    }

    .resources-overview .resources-cards-sec .horizontal .cards_knowl h5 a {
        margin-top: 10px;
    }

    .resources-overview ul.js-pager__items.pager {
        padding-left: 0;
        margin-bottom: 0;
    }

    .resources-overview a.button {
        margin-bottom: 15px;
    }

    .resources-overview form#views-exposed-form-resources-block-2 input {
        height: 40px;
    }

    .resources-overview .js-form-item-search::after {
        top: 16px;
    }

    .resources-overview div#block-views-block-resources-block-2 .container {
        padding-bottom: 20%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .resources-overview .resources-banner-text {
        top: 15%;
    }

    .resources-mob-banner img {
        display: block;
        width: 100%;
    }

    .resources-desk-banner img {
        display: none;
    }

    .resources-overview .cards_knowl {
        margin: 0;
    }

    .resources-overview .js-form-item-search {
        position: relative;
        top: unset;
        right: unset;
        margin: 30px auto 0;
        display: flex;
        justify-content: center;
        padding: 0 0 8% 0;
    }

    .resources-overview .resources-cards-sec .cards_knowl h5 a {
        font-size: 1.9rem;
        width: 95%;
        line-height: 2.4rem;
        margin-top: 20px;
    }

    .resources-overview .resources-cards-sec .cards_knowl p {
        font-size: 1.2rem;
        width: 95%;
        line-height: 1.6rem;
        margin-top: 20px;
    }

    .resources-overview a.main-cta {
        padding: 12px 40px;
    }

    .resources-overview form#views-exposed-form-resources-block-2 ul {
        gap: 25px;
        width: max-content;
    }

    .resources-overview form#views-exposed-form-resources-block-2 {
        width: 100%;
    }

    form#views-exposed-form-resources-block-2 div.bef-links {
        overflow-x: scroll;
    }

    .resources-overview .resources-cards-sec .horizontal {
        padding: 0 0 0%;
        margin-top: 0%;
    }

    .resources-overview .resources-cards-sec .horizontal .cards_knowl {
        margin-bottom: 10px;
        border-radius: 10px;
    }

    .resources-overview form#views-exposed-form-resources-block-2 input {
        width: 100%;
    }

    .resources-overview form#views-exposed-form-resources-block-2 ul {
        padding: 6% 0;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .resources-overview .js-form-item-search {
        right:0;
    }

    .resources-overview form#views-exposed-form-resources-block-2 input {
        width: 150px;
    }

    .resources-overview div#block-views-block-resources-block-2 .container {
        max-width: 90%;
    }

    .resources-overview .resources-cards-sec .cards_knowl h5 a {
        font-size: 1.4rem;
        width: 80%;
        line-height: 1.8rem;
    }

    .resources-overview .resources-cards-sec .cards_knowl p {
        font-size: 0.8rem;
        width: 75%;
        line-height: 1.2rem;
        margin-bottom: 10px;
    }

    .resources-overview a.main-cta {
        margin-top: 15px;
        padding: 10px 40px
    }

    .resources-overview form#views-exposed-form-resources-block-2 ul {
        gap: 25px;
        width: max-content;
    }

    .resources-overview form#views-exposed-form-resources-block-2 {
        width: 80%;
    }

    form#views-exposed-form-resources-block-2 div.bef-links {
        overflow-x: scroll;
    }

    .resources-overview .js-form-item-search {
        right: 0;
        top: 10px;
    }

    section#edu-res-frag .fragtyu .horizontal {
        margin-top: 25px;
    }
}

@media (min-width: 1200px) {
    .resources-page .resources-content .container {
        max-width:90%;
    }

    section#edu-res-frag .fragtyu .horizontal {
        margin-top: 40px;
    }

    .resources-overview .resources-cards-sec .horizontal .cards_knowl h5 a {
        min-height: 60px;
    }
}

@media (min-width: 1600px) {
    .resources-overview form#views-exposed-form-resources-block-2 ul li a {
        font-size:1.2rem;
    }

    .resources-overview .js-form-item-search {
        right: 0px;
        top: 22px;
    }

    .resources-overview .js-form-item-search::after {
        top: 15px;
    }

    .resources-overview form#views-exposed-form-resources-block-2 input {
        height: 40px;
    }

    .resources-overview form#views-exposed-form-resources-block-2 input {
        width: 240px;
    }
}

@media (min-width: 1200px) and (max-width:1350px) {
    .resources-overview form#views-exposed-form-resources-block-2 input {
        width:200px;
    }

    .resources-overview .js-form-item-search {
        top: 22px;
    }
}

.resources-page div#block-fragomen-content h1 {
    color: #253746;
    font-size: 1.8rem;
    line-height: 2.5rem;
}

.resources-page div#block-fragomen-content {
    margin-top: 45px;
}

.resources-page div#block-fragomen-content h2 a {
    background-color: #ECECEC;
    font-size: 14px;
    color: #253746;
    text-decoration: unset;
    padding: 10px 12px;
    border-radius: 5px;
    font-family: 'ProximaNova-Regular';
}

.resources-page div#block-fragomen-content .date-read {
    padding-left: 0;
    display: flex;
    padding-bottom: 2%;
}

.resources-page form.webform-submission-blog-subscribe-newsletter-form-form {
    border-radius: 10px;
    background: linear-gradient(125deg,#0091CD 25.76%,#0A99D4 37.27%,#40C4FB 100%);
    padding: 25px;
    margin-bottom: 35px;
}

.resources-page form.webform-submission-blog-subscribe-newsletter-form-form div#edit-processed-text h2 {
    color: #fff;
    font-size: 1.2rem;
    margin-top: 0;
}

.resources-page form.webform-submission-blog-subscribe-newsletter-form-form div#edit-processed-text p {
    color: #fff;
    margin-bottom: 25px;
    font-size: 0.8rem;
}

.resources-page form.webform-submission-blog-subscribe-newsletter-form-form input#edit-actions-submit {
    border-radius: 5px;
    transition: all linear 0.3s;
    background: #ff8400;
    padding: 10px;
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #ff8400;
    width: 100%;
    margin-top: 0;
}

.resources-page form.webform-submission-blog-subscribe-newsletter-form-form input#edit-actions-submit:hover {
    background: #fff;
    color: #ff8400 !important;
    border: 1px solid #ff8400;
}

.resources-page form.webform-submission-blog-subscribe-newsletter-form-form input#edit-email {
    background-color: #fff;
    border: unset;
    border-radius: 5px;
    padding: 12px;
    height: 46px;
}

.resources-page form.webform-submission-blog-subscribe-newsletter-form-form label {
    display: none;
    color: #ff8400;
    top: 32px;
    left: -14px;
    font-size: 14px;
}

.resources-page #block-fragomen-content p {
    color: #6E6D6D;
}

.resources-page #block-fragomen-content h2 {
    color: #253746;
    font-size: 1.6rem;
}

.resources-page ol li {
    font-family: 'ProximaNova-Regular';
    color: #6E6D6D;
    margin-bottom: 5px;
}

.resources-page #block-fragomen-content figcaption {
    color: #253746;
    font-size: 14px;
    padding: 8px 0;
}

.resources-page #block-fragomen-content figure img {
    border-radius: 10px;
}

.resources-page form.webform-submission-blog-subscribe-newsletter-form-form input#edit-email {
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    text-transform: capitalize;
}

.resources-page #block-fragomen-content iframe {
    height: 400px;
    margin-top: 20px;
    margin-bottom: 15px;
    border-radius: 10px;
}

.resources-page div#block-fragomen-content .col-md-3.resources-inn a {
    background-color: #ececec00;
    font-size: 18px;
    padding: 0px;
    margin: 15px 0 8px;
    display: block;
    line-height: 24px;
}

.resources-page div#block-fragomen-content .col-md-3.resources-inn .cards_knowl img {
    border-radius: 10px;
}

.resources-page div#block-fragomen-content .col-md-3.resources-inn .cards_knowl {
    margin-bottom: 35px;
}

.resources-page div#block-fragomen-content .col-md-3.resources-inn .cards_knowl a:hover {
    text-decoration: underline;
}

.resources-page div#block-fragomen-content .resources-inn ul li {
    color: #6E6D6D;
    font-size: 16px;
}

.resources-page #block-fragomen-content p em {
    color: #253746;
    margin-bottom: 20px;
}

.resources-page #block-fragomen-content p {
    margin-bottom: 15px;
}

.resources-page #block-fragomen-content h2 {
    margin-top: 30px;
    margin-bottom: 15px;
}

.resources-page div#block-fragomen-content .resources-inn {
    margin-bottom: 60px;
}

.resources-page #block-fragomen-content p strong {
    color: #253746;
    font-weight: 600;
}

.resources-category-list {
    border: 1px solid #B6B6B6;
    border-radius: 10px;
}

.resources-page div#block-fragomen-content .col-md-3.resources-inn .resources-category-list a {
    font-size: 18px;
    margin: 0;
    padding: 20px 20px 20px 20px;
    color: #253746;
    text-decoration: unset;
}

.resources-page div#block-fragomen-content .col-md-3.resources-inn .resources-category-list a:hover {
    background-color: #DEF5FF;
    color: #253746;
    text-decoration: unset;
    font-weight: 500;
}

.resources-category-list h3.inner-head.resources-head {
    padding: 20px 20px 20px 20px;
    margin-bottom: 0;
}

.resources-page div#block-fragomen-content .col-md-3.resources-inn .resources-category-list a::after {
    content: '';
    border-bottom: 1px solid #B6B6B6;
    width: 85%;
    display: block;
    bottom: 0;
    position: absolute;
}

.resources-category-list h3::after {
    content: '';
    border-bottom: 1px solid #B6B6B6;
    width: 85%;
    display: block;
    bottom: 0;
    position: absolute;
}

.resources-page div#block-fragomen-content .col-md-3.resources-inn .resources-category-list a,.resources-category-list h3.inner-head.resources-head {
    position: relative;
}

.resources-page div#block-fragomen-content .col-md-3.resources-inn .row-4 a::after {
    border-bottom: unset;
}

.resources-page #block-fragomen-content .resource-category h2 {
    margin-top: 8px!important;
}

.resources-page #block-fragomen-content span.read {
    margin-left: 20px;
    padding-right: 15px;
}

.resources-page #block-fragomen-content span.date {
    margin-left: 15px;
    padding-right: 20px;
}

.resources-page div#block-fragomen-content .date-read {
    align-items: center;
}

.resources-page #block-fragomen-content .read-article a {
    color: #0D9BD8!important;
    font-size: 18px;
    font-weight: 500;
}

.resources-page #block-fragomen-content .cards_knowl span.read {
    margin-left: 0px;
    padding-right: 15px;
}

.resources-page div#block-fragomen-content .date-read {
    align-items: center;
}

.resources-page #block-fragomen-content .read-article a {
    color: #0D9BD8!important;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.resources-page #block-fragomen-content .cards_knowl span.read {
    margin-left: 0px;
    padding-right: 15px;
}

.resources-page #block-fragomen-content .read-article a:after {
    content: url('/sites/default/files/2024-05/Vector.svg');
    margin: 7px 0px 0px 15px;
}

.innod {
    display: flex;
    gap: 40px;
    padding: 35px;
    background-color: #F5F5F5;
    border-radius: 20px;
    margin: 35px 0;
}

.innod img {
    border-radius: 10px;
}

.innod h3 {
    color: #253746;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.resources-page div#block-fragomen-content .date-read button {
    background-color: transparent;
    color: #253746;
    border: unset;
    position: absolute;
    right: 0;
    font-size: 14px;
    font-weight: 600;
    bottom: 0;
}

.resources-page div#block-fragomen-content .date-read {
    position: relative;
}

@media (max-width: 767px) {
    .resources-page #block-fragomen-content span.date {
        margin-left:5px;
    }

    .resources-page #block-fragomen-content span.read {
        padding-right: 5px;
    }

    .resources-page #block-fragomen-content figure img {
        margin-top: 12px;
    }

    .resources-page .read-article-mob a {
        color: #8dc5de;
    }

    .resources-page .read-article-mob:after {
        content: url(/sites/default/files/2024-05/rtr.png);
        margin: 8px 5px 5px 8px;
    }

    .resources-page .read-article-mob {
        margin-top: 20px;
        border: 1px solid #c3c0c0;
        width: 90px;
        padding: 10px;
        text-align: center;
        border-radius: 10px;
    }

    .resources-page div#social-share {
        display: none;
    }

    .resources-page div#social-share-mob:after {
        content: url(/sites/default/files/2024-12/share.png);
        margin: 8px 5px 5px 5px;
    }

    .resources-page div#block-fragomen-content .date-read button {
        bottom: 8px;
        // border: 1px solid #c3c0c0;
        padding: 10px;
        border-radius: 10px;
        height: 40px;
    }

    .resources-page button#social-share-mob {
        position: absolute!important;
    }

    .resources-page .read-article a {
        display: none!important;
    }

    .resources-page .read-article-mob:after {
        content: url(/sites/default/files/2024-11/aud_0.svg);
        margin-bottom: 10px;
    }

    .resources-page #block-fragomen-content figcaption {
        display: none;
    }

    .resources-category-list h3::after {
        content: '';
        border-bottom: 1px solid #8dc5de;
        width: 100%;
        display: block;
        left: 0;
        bottom: 0;
        position: absolute;
    }

    .resources-category-list {
        border: 1px solid #8dc5de;
        margin-top: 40px;
    }

    .resources-page div#block-fragomen-content .resources-inn {
        padding: 0 20px;
    }

    .resources-page div#block-fragomen-content .date-read {
        display: block;
    }

    .resources-page #block-fragomen-content .resource-category h2 {
        margin-top: 20px !important;
        margin-bottom: 30px;
    }

    .resources-page #block-fragomen-content .read-article a {
        margin-top: 10px !important;
        margin-bottom: 0;
    }

    .resources-page div#block-fragomen-content h1 {
        color: #253746;
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 700;
    }

    .resources-page div#block-fragomen-content .date-read button {
        position: relative;
        float: right;
    }

    .innod {
        display: none;
        padding: 20px;
    }

    .innod img {
        margin-bottom: 20px;
    }

    .resources-page div#block-fragomen-content .col-md-3.resources-inn {
        margin-bottom: 85px;
    }

    .resources-page div#block-fragomen-content .col-md-9.resources-inn {
        margin-bottom: 45px;
        margin-top: 80px;
    }

    .resources-page div#block-fragomen-content {
        margin-top: 15px;
    }

    .resources-page #block-fragomen-content span.read {
        margin-left: 0;
    }

    .resources-page .read-article-mob {
        display: block;
        float: right;
        right: 52px;
        position: absolute;
        bottom: 0px;
        padding: 5px;
        height: 36.19px;
        align-content: center;
    }

    .resources-page div#block-fragomen-content .col-md-9.resources-inn .date-read {
        font-size: 0.7rem;
    }

    .resources-page div#block-fragomen-content .date-read button {
        right: 0;
        bottom: 0px;
        padding: 0px 5px;
        // height: 36.19px;
    }
}

@media (min-width: 1200px) {
    .resources-page div#block-fragomen-content .col-md-3.resources-inn {
        padding-left:2%;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .resources-page div#block-fragomen-content .date-read {
        flex-wrap:wrap;
    }

    .innod {
        display: block;
    }

    .innod img {
        margin-bottom: 20px;
    }

    .resources-page form.webform-submission-blog-subscribe-newsletter-form-form input#edit-email,.resources-page form.webform-submission-blog-subscribe-newsletter-form-form input#edit-actions-submit {
        font-size: 10px;
    }

    .resources-page #block-fragomen-content .cards_knowl span.read,.resources-page #block-fragomen-content span.date {
        font-size: 9px;
    }
}

@media (min-width: 768px) {
    .resources-page .read-article-mob a {
        display:none;
    }
}

.resources-page div#block-fragomen-content .resources-inn img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
}

.resources-page #block-fragomen-content h3 {
    color: #253746;
    font-size: 1.4rem;
    font-family: 'ProximaNova-Bold';
}

.resources-page #block-fragomen-content h2 {
    font-family: 'ProximaNova-Bold';
}

.resources-page #block-fragomen-content li h3 {
    color: #253746;
    font-size: 1.2rem;
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
    letter-spacing: 0.4px;
}

.resources-overview .resource-category {
    background-color: #ECECEC;
    font-size: 14px;
    color: #253746;
    text-decoration: unset;
    padding: 10px 12px;
    border-radius: 5px;
    font-family: 'ProximaNova-Regular';
    width: max-content;
}

.resources-overview .resources-desk-banner img {
    filter: brightness(0.8);
}

@media (max-width: 767px) {
    .resources-page #block-fragomen-content .resources-category-filter h2 {
        padding:0;
    }

    .resources-page form.webform-submission-blog-subscribe-newsletter-form-form div#edit-processed-text h2 {
        font-size: 1.4rem;
    }

    .resources-page form.webform-submission-blog-subscribe-newsletter-form-form div#edit-processed-text p {
        font-size: 1rem;
    }

    .resources-page div#block-fragomen-content .col-md-3.resources-inn .cards_knowl {
        margin: 15px 0 15px;
    }

    .resources-page div#block-fragomen-content .col-md-3.resources-inn .cards_knowl img {
        margin-bottom: 0px;
    }

    .resources-page div#block-fragomen-content .col-md-3.resources-inn {
        background: rgba(171,171,171,0.14);
        padding-bottom: 40px;
    }

    .resources-page div#social-share-mob {
        width: fit-content;
        float: right;
        position: absolute;
        right: 0;
        bottom: 2px;
    }

    .resources-page div#social-share-mob:after {
        height: 30px;
        display: block;
    }

    .resources-page .social-sharing-buttons {
        position: absolute;
        top: -50px!important;
        right: 0;
    }

    .resources-page .social-sharing-buttons svg {
        background-color: #fff;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .resources-page div#block-fragomen-content {
        margin-top:90px;
    }

    .resources-page div#block-fragomen-content h1 {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    .resources-page form.webform-submission-blog-subscribe-newsletter-form-form {
        padding: 15px;
    }

    .resources-page form.webform-submission-blog-subscribe-newsletter-form-form div#edit-processed-text h2 {
        font-size: 1rem;
    }

    .resources-page form.webform-submission-blog-subscribe-newsletter-form-form .form-floating {
        margin-bottom: 5px!important;
    }
}

.resources-page .resources-inn ul {
    padding-left: 0;
    list-style-type: none;
}

.resources-page .social-sharing-buttons {
    position: absolute;
    top: 3px;
    padding-top: 10px;
    z-index: 99;
}

.resources-page .social-sharing-buttons img {
    display: none;
}

.resources-page #social-share {
    margin-left: 15px;
}

.resources-overview section.subscription-sec {
    display: block !important;
}

.resources-overview section.subscription-sec {
    align-content: center;
    margin-bottom: 35px;
}

.resources-overview .col-6 .views-element-container .resources-desk-banner img {
    height: 50vh;
    object-fit: cover;
}

.cards_knowl.banner-cards .resources-banner-text {
    position: relative;
    bottom: unset;
    left: unset;
}

.resources-overview .resources-cards-sec .cards_knowl.banner-cards h5 a {
    color: #253746;
    font-family: 'ProximaNova-Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    width: 100%;
    margin-top: 10px;
}

.resources-page #social-share {
    font-weight: 500;
}

.resources-overview .resources-cards-sec .cards_knowl.banner-cards .date-read {
    color: #253746;
}

.resources-overview .resources-desk-banner img {
    border-radius: 10px;
}

.cards_knowl.banner-cards:not(:first-child) {
    margin-top: 25px;
}

.resources-overview .cards_knowl.banner-cards img {
    height: 165px;
    object-fit: cover;
}

.resources-overview .cards_knowl.banner-cards .resource-category {
    padding: 5px 12px;
}

section.resources-cards-sec {
    margin-top: 20px;
}

.resources-overview .cards_knowl.banner-cards .date-read {
    font-size: 0.8rem;
}

.resources-overview .resources-cards-sec .cards_knowl.banner-cards h5 a:hover {
    color: #FF8500;
    text-decoration: underline;
}

.resources-overview section.subscription-sec {
    background-image: url('/sites/default/files/2024-11/resimg.png')!important;
    background-color: #FF8500;
    border-radius: 10px;
    background-size: contain;
    background-repeat: no-repeat;
}

@media (min-width: 1200px) {
    .resources-overview .subscription-sec .container {
        max-width:95%;
        margin-right: unset;
    }
}

.resources-overview section.subscription-sec h3 {
    font-size: 2.2rem;
    line-height: 2.5rem;
}

.resources-overview section.subscription-sec {
    height: 28vh;
    box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.25);
}

.resources-overview section.subscription-sec p {
    font-size: 1.2rem;
    margin-top: 5px;
}

@media (min-width: 1500px) {
    .resources-overview section.subscription-sec {
        height:30vh;
    }

    .resources-overview .cards_knowl.banner-cards img {
        height: 170px;
    }
}

section#sec-res-main-oiu .block-heading h2 {
    padding: 0 0px 0 15px;
    font-family: 'ProximaNova-Regular';
    margin-bottom: 0;
    color: #263747;
}

section#sec-res-main-oiu .resource-category {
    display: inline-block;
    padding: 0;
    background-color: unset;
}

.resources-overview section#sec-res-main-oiu .horizontal .cards_knowl h2 a {
    background-color: unset;
    padding: 0;
}

.resources-overview .resources-cards-sec .horizontal .cards_knowl h2 {
    padding-left: 0;
    margin-bottom: -5px;
}

section#sec-res-main-oiu .container {
    max-width: 95%;
    width: 95%;
}

section#sec-res-main-oiu .horizontal .date-read {
    margin-top: 8px;
}

section#sec-res-main-oiu .resources-cards .item .cards_knowl {
    min-height: 200px;
}

section#sec-res-main-oiu .horizontal .date-read {
    font-size: 14px;
}

section#sec-res-main-oiu .block-heading h2 {
    font-weight: 600;
}

@media (min-width: 768px) and (max-width:991px) {
    section.resources-cards-sec#restyf {
        margin-top:92px;
    }

    .resources-overview .cards_knowl.banner-cards .resource-category {
        padding: 5px 8px;
        font-size: 12px;
    }

    .resources-overview .resources-cards-sec .cards_knowl.banner-cards h5 a {
        font-size: 17px;
        line-height: 20px;
    }

    .resources-overview .col-6 .views-element-container .resources-desk-banner img {
        height: 50vh;
    }

    .resources-overview .cards_knowl.banner-cards img {
        height: 160px;
    }

    section#sec-res-main-oiu .horizontal .resources-cards {
        width: 33%;
    }

    section#sec-res-main-oiu .block-heading h2 {
        margin-bottom: 10px;
        font-weight: 600;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .resources-overview .cards_knowl.banner-cards .resource-category {
        padding:5px 8px;
        font-size: 12px;
    }

    .resources-overview .resources-cards-sec .cards_knowl.banner-cards h5 a {
        font-size: 17px;
        line-height: 20px;
    }

    .resources-overview .col-6 .views-element-container .resources-desk-banner img {
        height: 50vh;
    }

    .resources-overview .cards_knowl.banner-cards img {
        height: 160px;
    }

    section#sec-res-main-oiu .horizontal .resources-cards {
        width: 33%;
    }

    section#sec-res-main-oiu .block-heading h2 {
        margin-bottom: 10px;
        font-weight: 600;
    }

    section#sec-res-main-oiu .block-heading h2 {
        margin-bottom: 0;
    }

    section#sec-res-main-oiu .resources-cards .item .cards_knowl {
        min-height: 175px;
    }
}

.resources-overview span.read,.resources-overview section#sec-res-main-oiu .horizontal .cards_knowl h2 a {
    margin-right: 10px;
}

.resources-overview span.date {
    margin-left: 10px;
}

section#sec-res-main-oiu {
    margin-top: 45px;
}

section#edu-res-frag .cards_knowl .resource-category {
    margin-left: 15px;
    margin-top: 15px;
}

section#edu-res-frag .cards_knowl .resource-category h2 {
    display: block;
    padding-top: 0;
    margin-bottom: 0;
    display: flex;
}

section#edu-res-frag .cards_knowl .resource-category h2 a {
    background-color: unset;
    padding: 0;
}

section#edu-res-frag .fragtyu> .resources-cards::before {
    content: '';
    background-color: #F7F7F7;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 85px;
    z-index: -1;
    right: 0;
    margin: auto;
}

section#edu-res-frag {
    position: relative;
}

@media (min-width: 768px) and (max-width:1199px) {
    section#edu-res-frag .fragtyu> .resources-cards::before {
        height:65px;
    }

    .resources-overview span.read,.resources-overview section#sec-res-main-oiu .horizontal .cards_knowl h2 a {
        margin-right: 5px;
    }

    .resources-overview span.date {
        margin-left: 5px;
    }

    .resources-overview .resources-cards-sec .horizontal .cards_knowl h5 {
        padding-right: 2px;
    }
}

section#restyf .resources-cards .row {
    width: 100%;
}

@media (min-width: 768px) {
    .resources-overview .banner-cta {
        display:none;
    }
}

@media (max-width: 767px) {
    .resources-overview section.subscription-sec h3,.resources-overview section.subscription-sec p {
        text-align:left;
    }

    .resources-overview section.subscription-sec form input.form-email {
        width: 100%;
    }

    section#restyf .resources-mob-banner img {
        display: block;
        width: auto;
        height: 80vh;
        object-fit: fill;
        width: 100%;
        filter: brightness(0.8);
        object-fit: cover;
        margin-top: 85px;
    }

    section#restyf .resources-cards .row {
        width: 100%;
        display: block;
        margin: 0;
    }

    section#restyf .resources-cards .row .col-6 {
        width: 100%;
        display: block;
        padding: 0;
    }

    section#restyf .cards_knowl.banner-cards.row img {
        height: 150px;
        object-fit: cover;
        width: 100%;
        margin-top: 0;
    }

    .resources-overview section#restyf .resources-banner-text {
        position: absolute;
        bottom: 50px;
        left: 6%;
        top: unset;
    }

    section#restyf .cards_knowl.banner-cards.row .col-5,section#restyf .cards_knowl.banner-cards.row .col-7 {
        // width: 100%;
        // display: block;
    }

    .resources-overview section#restyf .cards_knowl.banner-cards .resources-banner-text {
        position: relative;
        left: unset;
        right: unset;
        bottom: unset;
    }

    .resources-overview section#restyf .cards_knowl.banner-cards {
        margin-top: 35px;
        display: flex;
    }

    .resources-overview section#restyf section.resources-cards-sec {
        margin-top: 60px;
    }

    .resources-overview .resources-cards-sec .cards_knowl.banner-cards h5 a {
        font-size: 16px;
        line-height: 20px;
        width: 100%;
    }

    .resources-overview .resource-category {
        font-size: 12px;
    }

    section#restyf .cards_knowl.banner-cards.row .col-5 {
        padding-right: 0;
    }

    .resources-overview .cards_knowl.banner-cards .date-read {
        font-size: 0.7rem;
    }

    .resources-overview .resources-cards-sec .cards_knowl.banner-cards h5 a:hover {
        text-decoration: unset;
    }

    .resources-overview .cards_knowl.banner-cards img {
        border-radius: 10px;
    }

    section#sec-res-main-oiu .resources-cards {
        margin-bottom: 0;
    }

    section#sec-res-main-oiu .resources-cards .item .cards_knowl {
        min-height: unset;
    }

    section#sec-res-main-oiu .block-heading h2 {
        padding-left: 0px;
        margin-bottom: 15px;
    }

    section#sec-res-main-oiu {
        margin-top: 45px;
        margin-bottom: 40px;
    }

    .resources-overview section.subscription-sec {
        height: 68vh;
        background-position: bottom;
        padding: 0 15px 95px;
        background-size: initial;
        background-position: 45% 100%;
        margin: 30px 0 30px;
    }

    section.subscription-sec form .webform-button--submit {
        right: 20px;
    }

    section#edu-res-frag .fragtyu> .resources-cards::before {
        height: 75px;
    }

    .resources-overview .banner-cta {
        display: block;
        text-align: -webkit-center;
        margin: auto;
        margin-left: -6%;
    }

    .resources-overview a.main-cta {
        padding: 12px 60px;
    }

    .resources-overview #edu-res-frag a.button {
        width: 80%;
    }

    section#restyf .container {
        padding: 0;
    }
}

section#sec-res-main-oiu {
    display: none;
}

@media (min-width: 768px) {
    section#restyf .resources-cards .row .col-6:first-child .resource-category {
        margin-top:25px;
    }

    .resources-overview .resources-cards-sec .col-6:first-child .cards_knowl h5 a {
        color: #253746;
    }

    .resources-overview .resources-cards-sec .col-6:first-child .date-read {
        color: #253746;
    }
}

.resources-page .resources-inn ul.dot-frag {
    padding-left: 20px;
    list-style-type: disc;
}

ul.dot-frag li {
    margin-bottom: 5px;
}

section#edu-res-frag h3 {
    text-align: center;
    font-family: 'ProximaNova-Bold';
}

.resources-overview .resources-cards-sec .horizontal .cards_knowl h5 a:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0px;
    left: 0px;
    bottom: 0;
    z-index: 40;
    cursor: pointer;
}

.resources-page #block-fragomen-content .read-article a,.resources-page .read-article-mob {
    display: none;
}

.resources-page #block-fragomen-content ul li {
    font-family: 'ProximaNova-Regular';
}

.resources-page .resources-inn ul {
    padding-left: 15px !important;
    list-style-type: initial !important;
}

@media (min-width: 768px) and (max-width:990px) {
    .resources-page .social-sharing-buttons {
        left:60%;
    }
}

.services-inner-page section.hero-banner .main-text h1 {
    left: unset;
    position: unset;
}

.services-overview-page .hero-banner h1 {
    position: relative;
    left: unset;
    bottom: unset;
}

section.desti-content {
    form .form-floating input {
        background-color: transparent !important;
        border: 1px solid #ccc;
        margin-bottom: 10px;
        margin-top: 0;
        border-radius: 8px;
        color: #000 !important;
        padding-left: 27px;
    }
}

section.desti-content form .form-floating .form-control:focus {
    border-color: #f29020;
    box-shadow: none;
}

section.desti-content form .form-floating .form-control:focus {
    border-color: #f29020;
    box-shadow: none;
}

section.desti-content form .form-floating .form-control:focus~label {
    transform: scale(.85) translateY(-1rem) translateX(1.95rem);
    opacity: 1;
    color: #f29020;
    background-color: #fff;
    height: auto;
    padding: 0;
}

.services-inner-page .services-form form input#edit-preferred-study-destination-inner-other.main2 {
    display: block;
}

.services-inner-page section.hero-banner.help-fragho-new {
    padding: 80px 0 50px 0;
}

.services-overview-page section.desti-content h2 {
    padding: 0px;
}

.services-inner-page #edit-preferred-study-destination-inner-checkboxes label.option.clicked {
    background-color: #f29020;
    border: 1px solid #f29020;
}

.services-inner-page .services-form form .js-form-item.form-item.js-form-type-checkbox input {
    visibility: hidden;
    margin-left: -8px;
}

.services-inner-page .services-form form #edit-preferred-study-destination-inner-checkboxes .js-form-item.form-item.js-form-type-checkbox {
    width: fit-content;
    margin-left: -10px;
    margin-right: 15px;
}

.services-inner-page .services-form form .form-checkboxes {
    display: flex !important;
    justify-content: left !important;
    flex-wrap: wrap !important;
    row-gap: 20px !important;
    padding-top: 15px;
    margin-bottom: 20px !important;
}

.services-inner-page .services-form form .js-form-item.form-item.js-form-type-checkbox label {
    padding: 10px 25px;
    border: 1px solid #fff;
    font-size: 14px;
    cursor: pointer;
    border-radius: 8px;
}

.services-inner-page .services-form form input#edit-consent,.services-inner-page .services-form form input#edit-consent--2 {
    visibility: visible;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    margin-left: 0;
    cursor: pointer;
}

.services-inner-page .services-form form div#edit-processed-text-01 p span {
    color: #fff;
    opacity: .9;
}

.services-inner-page .services-form form div#edit-processed-text-01 p a span {
    color: #ff8400;
    text-decoration: underline;
}

.services-inner-page .services-form input#edit-email-,.services-inner-page .services-form input#edit-mobile-,.services-inner-page .services-form input#edit-first-name,.services-inner-page .services-form input#edit-last-name- {
    padding: 0 15px;
    color: #fff!important;
}

.services-inner-page section.desti-content form .form-floating .form-control:focus~label {
    background-color: #2A3C4B;
}

.services-inner-page .services-form div#edit-processed-text h3 {
    color: #fff;
    margin-bottom: 25px;
}

.services-inner-page div#edit-field-wrapper {
    display: contents;
    color: #fff;
}

.services-inner-page section.hero-banner .main-text {
    position: absolute;
    left: 6%;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.services-inner-page .services-form {
    padding: 45px;
}

.services-inner-page section.hero-banner {
    margin-top: 55px;
}

.services-inner-page section.desti-content h2 {
    font-size: 1.8rem;
    margin-top: 30px;
    padding-left: 0;
    margin-bottom: 20px;
}

.services-inner-page section.desti-content ul {
    padding-left: 30px;
}

.services-cta a.know-more::after {
    content: "";
    width: 30px;
    bottom: 24px;
    height: 30px;
    background: url("/sites/default/files/2024-04/d05ec30b106d296e4d6e3f1c8bbff74e_0.png") no-repeat;
    position: absolute;
    display: inline-block;
    background-position: 29% 6%;
    transform: scale(0.6);
}

.related-services img {
    width: 150px!important;
    margin-top: -150px;
    z-index: 999999;
    position: absolute;
    height: 175px;
}

.related-services .cards {
    margin: 140px 5px 0;
}

.services-inner-page section.knowledge_hubcards h3 {
    min-height: 76px;
    line-height: 2.2rem;
    margin-bottom: 15px;
    margin-top: 30px;
}

.services-inner-page section.knowledge_hubcards h3 a {
    color: #253746;
    font-family: 'ProximaNova-Regular';
    font-weight: 700;
    margin-top: 20px;
    font-size: 1.6rem;
    text-decoration: unset;
}

.services-inner-page .views-view-grid.horizontal.cols-1.clearfix {
    display: flex;
    gap: 35px;
}

.services-inner-page .related-services .cards:hover {
    border: 1px solid #FF8500;
    transition: all linear 0.3s;
    box-shadow: 0px 4px 28px 0px #00000021;
}

.services-inner-page .related-services .cards {
    border: 0.2px solid #26374740;
    border-radius: 15px;
    padding: 30px 30px 30px;
    cursor: pointer;
}

.services-inner-page .services-cta a.know-more {
    color: #FF8500;
    text-decoration: unset
}

.services-inner-page .view-all-frag {
    display: none;
}

.services-inner-page section.desti-content img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: unset;
}

@media (max-width: 767px) {
    .services-inner-page input#edit-preferred-study-destination-inner-other {
        width:100%;
    }

    .services-inner-page section.desti-content .text-readmore {
        margin-top: 15px;
    }

    .services-inner-page .views-view-grid.horizontal.cols-1.clearfix {
        display: block;
        gap: 35px;
    }

    .services-inner-page div#block-views-block-services-block-2 {
        margin-top: 30px;
    }

    .services-inner-page section.knowledge_hubcards h2 {
        margin-top: 25px;
        min-height: auto;
    }

    .services-inner-page .related-services {
        margin-bottom: 140px;
    }

    .services-inner-page .related-services:last-child {
        margin-bottom: 20px;
    }

    .services-inner-page section.hero-banner .main-text h1 {
        text-align: center;
        top: unset;
        position: relative;
        font-size: 1.8rem;
    }

    .services-inner-page section.hero-banner .main-text {
        position: absolute;
        top: 215px;
        left: unset;
        width: 100%;
    }

    .services-inner-page section.hero-banner .main-text h1 br {
        display: none;
    }

    .services-inner-page section.hero-banner .main-text p {
        position: relative;
        top: unset;
        left: unset;
    }

    .services-inner-page section.hero-banner .banner-cta a {
        top: unset;
        position: relative;
    }
}

.services-inner-page .services-form {
    background-color: #2A3C4B;
    border-radius: 15px;
}

@media (min-width: 768px) {
    .services-inner-page section.desti-content p {
        padding-right:20%;
    }

    .services-inner-page section.knowledge_hubcards .card-content p {
        min-height: 75px
    }
}

.services-overview-page .services-cta a.know-more {
    color: #ff8400;
    text-decoration: unset;
    // display: none;
}

.services-overview-page .cards.services-cards {
    border: 1px solid rgba(38,55,71,0.18);
    border-radius: 15px;
    padding: 30px 30px 30px;
    //cursor: pointer;
    margin: 160px 5px 0;
    position: relative;
}

.services-overview-page .cards.services-cards h3 a {
    color: #253746;
    font-family: 'ProximaNova-Regular';
    font-weight: 700;
    margin-top: 20px;
    font-size: 1.6rem;
    text-decoration: unset;
    // pointer-events: none;
}

.services-overview-page .services-cta a.know-more::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.services-overview-page .cards.services-cards h3 {
    min-height: 75px;
    line-height: 2rem;
    margin-bottom: 15px;
    margin-top: 30px;
}

.services-overview-page .cards.services-cards img {
    width: 150px !important;
    margin-top: -150px;
    height: 150px;
    position: absolute;
}

.services-overview-page .cards.services-cards:hover {
    border: 1px solid rgba(38,55,71,0.18);
    border: 1px solid rgb(255 132 0 / 39%);
    background: #FFFBF6;
    box-shadow: 0px 4px 30px 0px rgba(255,132,0,0.20);
    transition: all linear 0.3s;
}

.services-overview-page section.servvices-overview-cards {
    padding: 5% 0;
}

.services-overview-page div#block-views-block-services-block-1 .row {
    margin-bottom: 25px;
}

.services-overview-page section.hero-banner .main-text {
    top: 28%;
}

@media (max-width: 767px) {
    .services-inner-page section.desti-content p {
        width:100%!important;
        padding-left: 0;
    }

    .services-inner-page section.desti-content h2 {
        padding-left: 0;
    }

    .services-overview-page section.desti-content .text-readmore {
        margin-top: 15px;
        transition : all linear 0.4s;
    }

    .services-overview-page .eryu {
        padding: 0;
    }

    .services-overview-page section.hero-banner {
        margin-top: 35px;
        background-position-y: 60px;
    }

    .services-overview-page section.desti-content .mobile-heading h2 {
        width: 65%;
    }

    .services-overview-page section.hero-banner .main-text {
        position: absolute;
        bottom: 5%;
        width: 95%;
        left: unset;
        top: unset;
    }

    .services-overview-page section.hero-banner .main-text h3,.services-overview-page section.hero-banner .main-text p {
        position: relative;
        top: unset;
        width: 100%;
        text-align: left;
        left: unset;
        padding: 0 15px;
    }

    .services-overview-page section.hero-banner .banner-cta {
        width: 100%;
        display: block;
        margin-top: 75px;
    }

    .services-overview-page section.hero-banner .banner-cta a {
        padding: 10px 15px;
        width: 100%;
    }

    .services-overview-page section.hero-banner .banner-cta {
        width: 60%;
        padding: 10px 15px;
    }

    .services-overview-page .mobile-load-more {
        display: flex;
        justify-content: center;
        margin-bottom: 45px;
    }

    .services-overview-page .mobile-load-more a.main-cta {
        margin-top: 10px;
    }

    .services-overview-page .cards.services-cards h3 {
        min-height: unset;
    }

    .services-overview-page section.desti-content {
        padding-top: 35px;
        background-color: #fff;
        padding-bottom: 25px;
    }
}

@media (min-width: 768px) {
    .services-overview-page .mobile-load-more {
        display:none;
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .services-overview-page section.hero-banner .main-text h1 {
        font-size:1.5rem;
    }

    .services-overview-page section.hero-banner .main-text p {
        font-size: 1rem;
    }

    .services-overview-page .hero-banner .banner-cta a {
        margin-top: 5px;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .services-overview-page .ser-overview {
        width:50%;
    }
}

.services-overview-page section.servvices-overview-cards .row .col-12:nth-child(6) .cards img,.services-overview-page section.servvices-overview-cards .row .col-12:nth-child(2) .cards img {
    margin-top: -130px;
}

@media (min-width: 768px) and (max-width:1023px) {
    .services-overview-page .innerdestin img {
        height:auto;
        object-fit: inherit;
    }
}

.services-inner-page section.hero-banner .main-text p {
    font-size: 18px;
    color: #fff;
}

.services-inner-page section.desti-content .container {
    max-width: 90%;
}

.services-inner-page section.desti-content p {
    font-size: 15px;
    padding-right: 0;
    width: 90%;
    padding-left: 0;
}

.services-inner-page .services-form {
    // width: 45%;
    margin-left: auto;
}

.services-inner-page section.desti-content .col-md-6 form fieldset legend span {
    font-size: 14px;
    font-family: 'ProximaNova-Regular';
}

.services-inner-page section.desti-content .col-md-6 form .fieldset-wrapper {
    display: flex;
    flex-direction: column;
}

.services-inner-page section.desti-content .col-md-6 form .fieldset-wrapper .description {
    order: 1 !important;
    font-size: 14px;
    margin-bottom: 7px;
    color: #ff8400;
    font-family: 'ProximaNova-Regular';
}

.services-inner-page .services-form form .form-checkboxes {
    order: 2;
}

.services-inner-page section.desti-content .col-md-6 form fieldset legend {
    margin-bottom: 0;
    margin-top: -15px;
}

.services-inner-page div#edit-actions-01 {
    width: 100%;
}

.services-inner-page div#edit-actions-01 input {
    width: 100%;
    background: #ff8400;
    border: 0;
    margin-top: 39px;
    color: #fff;
    padding: 12px;
    border-radius: 5px;
    transition: all linear 0.3s;
}

.services-inner-page div#edit-actions-01 input:hover {
    background-color: #fff;
    color: #ff8400
}

.services-inner-page .services-form form input#edit-preferred-study-destination-inner-other {
    padding: 10px 25px;
    border: 1px solid #fff;
    font-size: 14px;
    cursor: pointer;
    border-radius: 8px;
    width: 400px;
}

.services-inner-page .services-form form .js-form-item.form-item.js-form-type-checkbox label {
    font-size: 13px
}

.services-inner-page .services-form form input#edit-preferred-study-destination-inner-other::placeholder {
    color: #fff;
}

.services-inner-page .services-form form input#edit-preferred-study-destination-inner-other {
    display: none;
    color: #fff !important;
    margin-top: 10px;
}

.services-inner-page .services-form form input#edit-preferred-study-destination-inner-other:focus {
    outline: none
}

.services-inner-page .services-form form input#edit-consent {
    appearance: none;
    border: 1px solid #fff;
    border-radius: 4px;
}

.services-inner-page section.desti-content ul li {
    font-family: 'ProximaNova-Regular';
    font-size: 15px;
    color: #6E6D6D;
    margin-bottom: 5px;
}

.services-inner-page section.desti-content ul li::marker {
    color: #6E6D6D;
}

@media (min-width: 1500px) {
    .services-inner-page section.hero-banner .main-text h1 {
        font-size:3.5rem;
    }

    .services-inner-page section.hero-banner .main-text p {
        font-size: 20px;
    }

    .services-inner-page section.desti-content p,.services-inner-page section.desti-content ul li,.services-inner-page div#edit-actions-01 input {
        font-size: 17px;
    }

    .services-inner-page section.desti-content .col-md-6 form fieldset legend span,.services-inner-page section.desti-content .col-md-6 form .fieldset-wrapper .description {
        font-size: 16px
    }

    .services-inner-page .services-form form .js-form-item.form-item.js-form-type-checkbox label {
        font-size: 14px;
    }
}

@media (min-width: 1700px) {
    .services-inner-page section.hero-banner .main-text h1 {
        font-size:4rem;
    }

    .services-inner-page section.hero-banner .main-text p {
        font-size: 22px;
    }

    .services-inner-page section.desti-content p,.services-inner-page section.desti-content ul li,.services-inner-page div#edit-actions-01 input {
        font-size: 20px;
    }

    .services-inner-page section.desti-content .col-md-6 form fieldset legend span,.services-inner-page section.desti-content .col-md-6 form .fieldset-wrapper .description {
        font-size: 16px
    }

    .services-inner-page .services-form form .js-form-item.form-item.js-form-type-checkbox label {
        font-size: 18px;
    }

    .services-inner-page section.hero-banner .main-text h1 {
        font-size: 4.5rem;
        line-height: 1.1;
    }

    .services-inner-page section.desti-content h2 {
        font-size: 2rem;
    }

    .services-inner-page .services-form div#edit-processed-text h3 {
        font-size: 2rem;
        width: 100%;
    }

    .services-inner-page .services-form form input#edit-preferred-study-destination-inner-other {
        font-size: 17px;
    }
}

.services-inner-page div#edit-processed-text {
    display: contents;
}

.services-inner-page .we-offer {
    display: inline-flex;
    gap: 20px;
    border: 1px solid #26374730;
    margin-right: 40px;
    margin-bottom: 30px;
    padding: 12px;
    border-radius: 12px;
}

.services-inner-page .we-offer .icon-text {
    align-content: center;
}

.services-inner-page .we-offer h3 {
    color: #6E6D6D;
    font-size: 15px;
    font-family: 'ProximaNova-Regular';
}

@media (max-width: 767px) {
    .services-inner-page section.knowledge_hubcards {
        padding:0;
    }

    .services-inner-page .we-offer {
        margin-bottom: 15px!important;
        margin-right: 20px;
    }

    .services-inner-page section.hero-banner .main-text p {
        text-align: center;
    }

    .services-inner-page section.hero-banner .banner-cta a {
        width: 75%;
    }

    .services-inner-page section.desti-content h3 {
        display: block;
    }

    .services-inner-page section.desti-content h2 {
        display: block;
    }

    .services-inner-page .services-form {
        width: 100%;
        padding: 20px 30px 35px 30px;
        margin-top: 30px;
    }

    .services-inner-page h4.mobile-subtitle.hidden {
        color: #fff;
    }

    .services-inner-page .services-form form .js-form-item.form-item.js-form-type-checkbox label {
        font-size: 12px;
    }

    .services-inner-page .services-form form input#edit-preferred-study-destination-inner-other {
        width: 100%;
    }

    .services-inner-page section.desti-content {
        padding-top: 50px;
    }
}

.services-inner-page .innerdestin a.main-cta {
    margin-top: 10px;
}

.services-inner-page .fragomen-header li.nav-item.menu-cta .nav-link,.services-inner-page .fragomen-header .navbar-nav .nav-item:last-child a.nav-link {
    font-family: 'ProximaNova-Regular';
    font-weight: 600;
}

.services-inner-page .fragomen-header .navbar-light .navbar-nav .nav-link {
    font-family: 'ProximaNova-Regular';
    color: #273649;
}

@media (min-width: 1200px) and (max-width:1419px) {
    .services-inner-page .fragomen-header li.nav-item.menu-cta .nav-link,.services-inner-page .fragomen-header .navbar-nav .nav-item:last-child a.nav-link {
        padding:6px 22px !important;
    }

    .services-overview-page .cards.services-cards p {
        min-height: 90px;
    }
}

.services-inner-page section.desti-content {
    padding-top: 40px
}

@media (min-width: 768px) and (max-width:1024px) {
    .frag-poi img {
        height:auto!important;
    }

    .about-us-page .leadership-popup:nth-child(2) {
        margin-top: 75px !important;
    }

    .about-us-page div#block-views-block-leadership-block-2 .col-12 {
        width: 33%;
    }

    .services-inner-page .we-offer {
        max-width: 60%!important;
        width: 40%;
        flex: unset!important;
        margin-right: 22px;
        gap: 15px;
        align-items: center;
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .services-inner-page section.hero-banner {
        margin-top:0;
    }

    .services-inner-page img.desk-frag {
        height: 320px;
    }

    .services-inner-page section.hero-banner .main-text h1 {
        font-size: 2.5rem;
        line-height: 1;
    }

    .services-inner-page section.desti-content .col-lg-6 {
        width: 100%;
    }

    .services-inner-page section.desti-content .col-lg-6:nth-child(1) {
        margin-bottom: 40px;
    }

    .services-inner-page section.desti-content p {
        width: 100%;
    }
}

section.knowledge_hubcards .owl-carousel .owl-stage .owl-item:nth-child(8) .cards img {
    margin-top: -145px;
}

@media (min-width: 1200px) {
    .services-overview-page .cards.services-cards .card-content {
        min-height:100px;
    }

    .services-inner-page section.knowledge_hubcards {
        padding: 75px 0 45px;
    }

    .services-inner-page section.desti-content {
        position: relative;
    }
}

.about-us-page header.fragomen-header {
    z-index: 9999;
}

.about-us-page a.social-cta:-webkit-any-link:focus-visible {
    outline: none;
}

.about-us-page a.social-cta {
    cursor: pointer;
    color: #ffffff;
    text-decoration: unset;
    padding: 8px 20px;
    margin-top: 20px;
    display: block;
    width: fit-content;
    background-color: #f29020;
    border-radius: 5px;
    transition: all linear 0.3s;
}

.about-us-page a.social-cta:hover {
    color: #f29020;
    text-decoration: unset;
    padding: 8px 20px;
    margin-top: 20px;
    display: block;
    width: fit-content;
    background-color: #fff;
    border-radius: 5px;
    transition: all linear 0.3s;
}

.about-us-page div#block-views-block-leadership-block-2 h2 {
    display: block;
    padding: 0;
    margin-top: 40px;
}

.frag-poi p {
    text-align: center;
}

.about-us-page section.desti-content h2 {
    padding: 0;
}

.about-us-page .row.bulb {
    justify-content: left;
    margin-top: 30px;
    padding: 0 5px;
    gap: 45px;
}

.bulb h3 {
    font-family: 'ProximaNova-Bold';
    color: #263747!important;
    margin: 15px auto;
    font-size: 18px;
    text-align: center;
}

.bulb h3 a {
    color: #263747!important;
}

.bulb h3 a:hover {
    color: #FF8400!important;
}

.bulb p {
    width: 100%!important;
    margin-bottom: 5px !important;
}

.about-us-page .f-button:focus-visible {
    box-shadow: unset;
}

.about-us-page button.f-button.is-close-btn {
    top: 15px!important;
}

.about-us-page .fancybox__content {
    padding: 0;
}

.about-us-page .leadership-popup {
    padding: 0
}

.about-us-page .col-md-12.leadership-popup {
    background: #ffffff;
}

.about-us-page .col-md-12.leadership-popup p.popup-head {
    padding: 20px 20px 0;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 10px;
    display : none;
}

.about-us-page .col-md-12.leadership-popup p {
    padding: 20px 20px 0;
}

.about-us-page .col-md-7.leadership-popup {
    padding: 25px;
    align-content: center;
    color: #fff;
}

.about-us-page section.about-leadership.desti-content h3 {
    color: #fff;
}

.about-us-page .about-counter1 {
    border-bottom: 1px solid #2537464d;
}

.about-us-page .about-counter1:last-child {
    border-bottom: unset;
}

.about-us-page section.hero-banner .main-text {
    top: 28%;
}

.about-us-page .about-counter1 {
    display: flex;
    margin-bottom: 20px;
}

.about-us-page .about-counter1 img {
    padding-right: 7%;
    align-self: center;
    min-width: 100px;
    max-height: 65px;
    object-fit: contain;
}

.about-us-page .about-counter1 p {
    color: #0D9BD8;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.about-us-page .about-counter1 h3 {
    color: #ff8400;
}

.about-us-page .about-counter1 h3 span {
    color: #263747;
    font-family: 'ProximaNova-Bold';
}

.about-us-page .fourth-sec-left h3 {
    font-family: 'ProximaNova-Bold';
}

.about-us-page section.desti-content.about-third-sec {
    background: #FBFBFB;
    padding: 5% 0;
}

.about-us-page .box-abt {
    margin: auto;
    margin-left: 0;
    border-right: 1px solid #2537464d;
    padding-right: 5%;
    min-height: 150px;
}

.about-us-page .box-abt:nth-child(3) {
    margin: auto;
    margin-left: 0;
    padding-left: 5%;
    padding-right: 5%;
    border-right: 1px solid #2537464d;
}

.about-us-page .box-abt:nth-child(4) {
    margin: auto;
    margin-left: 0;
    padding-left: 5%;
    padding-right: 5%;
    border-right: unset;
}

.about-us-page .box-abt p {
    text-align: justify;
}

.about-us-page section.about-fourth.desti-content {
    background-color: rgba(198,233,251,0.22);
    padding: 5% 0;
    position: relative;
}

.about-us-page .vimi {
    padding: 0 15px!important;
}

.about-us-page section.desti-content .col-md-5 img {
    max-width: unset;
    margin-left: unset;
    width: 60px;
}

.about-us-page .fourth-sec-left h3 {
    position: absolute;
    top: 10px;
    left: 70px;
}

.about-us-page .fourth-sec-left {
    position: relative;
}

.about-us-page .fourth-sec-left p {
    margin-top: 15px;
    margin-bottom: 40px;
}

.about-us-page section.about-cards-sec.desti-content h2 {
    text-align: center;
    margin-bottom: 35px;
}

.about-us-page section.about-cards-sec.desti-content {
    padding: 5% 0;
    background-color: #fff;
}

.about-us-page .card-abtu {
    border-radius: 20px;
    border: 1px solid rgba(38,55,71,0.18);
    background: #FFF;
    padding: 25px;
    margin: 15px;
    width: 30%;
}

.about-us-page .abyu {
    justify-content: center;
}

.about-us-page .card-abtu:hover {
    border-radius: 20px;
    border: 1px solid rgb(255 132 0 / 39%);
    background: #FFFBF6;
    box-shadow: 0px 4px 30px 0px rgba(255,132,0,0.20);
}

.about-us-page .card-abtu img {
    width: 60px;
    margin-bottom: 15px;
    height: 60px;
    object-fit: contain;
}

.about-us-page .card-abtu h3 {
    margin-bottom: 15px;
    font-size: 1.4rem;
    min-height: 35px;
    font-family: 'ProximaNova-Bold';
}

.about-us-page .fourth-sec-left p,.about-us-page .box-abt p,.abyu .card-content {
    font-family: 'ProximaNova-Regular';
    font-size: 16px;
}

.about-us-page section.about-leadership.desti-content {
    padding: 2% 0 1.5%;
    background-color: #fff;
}

.about-us-page section.about-leadership.desti-content p {
    font-family: 'ProximaNova-Regular';
    font-size: 16px;
    width: 68%;
    margin-bottom: 40px;
}

.about-us-page .card-content-leadership {
    // position: absolute;
    bottom: -20px;
    // padding: 0 0 0 22px;
    width: 100%;
    z-index: 9;
}

.about-us-page section.about-leadership.desti-content .leadership-card {
    position: relative;
}

.about-us-page section.about-leadership.desti-content h3 {
    margin-bottom: 5px;
    font-size: 1.2rem;
}

.about-us-page section.about-leadership.desti-content h3 a {
    color: #fff;
    text-decoration: unset;
}

.about-us-page section.about-leadership.desti-content .leadership-card p {
    color: #263747;
    font-family: 'ProximaNova-Regular';
    font-size: 16px;
}

.about-us-page section.about-leadership.desti-content .leadership-card {
    cursor: pointer;
}

.about-us-page section.about-leadership.desti-content .leadership-card:hover {
    cursor: pointer;
}

.about-us-page .our-leadership .owl-dots {
    padding-top: 35px;
}

.about-us-page .our-leadership .owl-dots button.owl-dot:hover {
    border: unset;
}

.about-us-page .our-leadership .owl-dots button.owl-dot span {
    width: 40px!important;
    border-radius: 0;
    height: 5px;
}

.about-us-page .our-leadership .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #FF8400;
}

.about-us-page .our-leadership .owl-dots .owl-dot span {
    background: #273649;
}

.about-us-page section.desti-content .box-abt h2,.about-us-page .fourth-sec-left h3 {
    font-size: 1.4rem;
}

.about-us-page section.hero-banner.help-fragho-new {
    padding: 75px 0 50px 0;
}

.about-us-page section.about-leadership img.img-fluid.view-profile {
    width: 25px;
    position: absolute;
    right: 30px;
    bottom: 42px;
    display: none
}

.about-us-page section.about-leadership.desti-content .leadership-card:hover img {
    // display: block;
}

.about-us-page section.about-leadership.desti-content h3 a::before {
    content: "";
    //position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.frag-poi img {
    //height: 215px;
    width: 220px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 8px;
    display: block;
    margin: auto;
}

.about-us-page a.social-cta:hover {
    border: 1px solid #f29020;
}

.about-us-page .leadership-popup:nth-child(2) li {
    font-family: 'ProximaNova-Regular';
    font-size: 1rem;
}

@media (max-width: 767px) {
    .services-inner-page .innerdestin a.main-cta {
        margin-top:-50px;
    }

    .services-overview-page .hero-banner h1 {
        text-align: left!important;
    }

    .about-us-page .card-content-leadership {
        // position: absolute;
        bottom: -20px;
        padding: 0;
        width: 78%;
        left: 30px;
    }

    .about-us-page section.about-leadership.desti-content .leadership-card {
        display: flex;
        justify-content: center;
        width: 82%;
        margin: auto;
        background-size: cover;
    }

    .about-us-page .fancybox__content {
        padding: 30px;
        margin-top: 100px;
        max-width: 90% !important;
    }

    .about-us-page a.social-cta {
        margin-bottom: 20px;
    }

    .about-us-page .row.bulb {
        justify-content: center;
        width: auto;
    }

    .owl-theme.our-leadership .owl-nav {
        display: none;
    }

    .frag-poi {
        width: 85%;
        text-align: center;
        border: 1px solid rgb(255,132,0);
        margin-bottom: 35px;
        border-radius: 15px;
    }

    .bulb h3,.bulb p {
        padding: 0 15px;
    }

    .row.bulb {
        width: 100%;
    }

    .frag-poi img {
        margin-top: 15px;
    }

    .about-us-page .leadership-popup img[loading="lazy"] {
        width: 100%;
        transform: translateY(-35px);
    }

    .about-us-page section.hero-banner.help-fragho-new .accordion-item:nth-child(5) {
        border-bottom: unset;
    }

    .about-us-page section.about-leadership img.img-fluid.view-profile {
        display: block;
    }

    .about-us-page section.about-leadership.desti-content .container {
        padding-right: 0;
        padding-left: 0px;
    }

    .about-us-page img.mob-frag {
        height: 75vh;
        object-fit: cover;
        width: 100%;
    }

    .about-us-page section.desti-content .box-abt h2,.about-us-page .fourth-sec-left h3 {
        font-size: 1.3rem;
    }

    .about-us-page .our-leadership .owl-stage {
        padding-left: 0!important;
    }

    .about-us-page .our-leadership .owl-dots {
    }

    .about-us-page .about-counter1 h3 span {
        font-size: 1.6rem;
    }

    .about-us-page section.desti-content {
        padding-top: 4%;
    }

    .about-us-page section.hero-banner .main-text.overview {
        position: absolute;
        top: 150px;
        left: unset;
        width: 100%;
        text-align: left;
    }

    .about-us-page section.hero-banner .main-text.overview h1 {
        padding: 0 35px;
        position: relative;
        top: unset;
        font-size: 1.6rem;
        text-align: center;
        width: 100%;
    }

    .about-us-page section.hero-banner .main-text.overview h3 br {
    }

    .about-us-page section.hero-banner .main-text.overview p {
        position: relative;
        top: unset;
        left: unset;
        width: 70%;
        text-align: left;
        font-size: 14px;
    }

    .about-us-page .card-abtu h3 {
        font-size: 1.4rem;
        min-height: unset;
    }

    .about-us-page section.about-cards-sec.desti-content h2 {
        display: block;
        padding-top: 35px;
        margin-bottom: 20px;
    }

    .about-us-page .card-abtu {
        width: 90%;
    }

    .about-us-page section.desti-content.about-third-sec h2 {
        display: block;
    }

    .about-us-page section.desti-content .about-second h2 {
        display: block;
        padding: 0;
    }

    section.about-leadership.desti-content .row.bulb h3 {
        text-align: center;
    }

    .about-us-page .about-second p {
        text-align: justify
    }

    .about-us-page .about-second {
        padding: 0 20px;
    }

    .about-us-page .about-counter1 {
        padding: 0 5px;
    }

    .about-us-page .about-counter1 h3 {
        margin-bottom: 5px;
    }

    .about-us-page .about-counter1 p {
        line-height: 20px;
        font-size: 14px;
    }

    .about-us-page section.desti-content {
        padding-bottom: 10%;
    }

    .about-us-page .about-counter {
        margin-top: 25px;
        padding: 0 15px;
    }

    .about-us-page section.desti-content.about-third-sec {
        padding: 10% 20px;
    }

    .about-us-page .box-abt {
        padding: 0;
    }

    .about-us-page .box-abt:nth-child(2),.about-us-page .box-abt:nth-child(3) {
        border-right: unset;
        border-bottom: 1px solid #2537464d;
        padding: 0;
    }

    .about-us-page .box-abt:nth-child(4),.about-us-page .box-abt:nth-child(3) {
        padding: 0;
    }

    .about-us-page .box-abt:nth-child(2),.about-us-page .box-abt:nth-child(3),.about-us-page .box-abt:nth-child(4),.about-us-page .box-abt p {
        margin-top: 20px;
    }

    .about-us-page section.desti-content.about-third-sec .heading {
        padding: 0;
    }

    .about-us-page section.desti-content.about-third-sec h2 {
        margin-bottom: 5px;
    }

    .about-us-page section.hero-banner.help-fragho-new {
        padding: 50px 0 50px 0;
    }

    .about-us-page section.desti-content .col-md-5 img {
        margin-bottom: 0px;
    }

    .about-us-page section.about-fourth.desti-content {
        padding: 12% 0 4%;
    }

    .about-us-page .htglo {
        order: 1;
        margin-bottom: 40px;
    }

    .about-us-page .vimi {
        order: 2;
    }

    .about-us-page section.about-leadership.desti-content h2 {
        display: block;
        text-align: center;
    }

    .about-us-page section.about-leadership.desti-content {
        padding: 1px 0px 0%;
    }

    .about-us-page section.about-leadership.desti-content p {
        width: 92%;
        text-align: center;
    }

    .about-us-page section.about-leadership.desti-content .leadership-heading p {
        margin: auto auto 75px;
    }

    .about-us-page button.f-button.is-close-btn {
        background-color: transparent;
        color: rgb(255,132,0);
    }

    .about-us-page section.about-leadership.desti-content .leadership-card p {
        text-align: left;
    }

    .about-us-page .popup-ln {
        margin-bottom: 15px;
    }
}

@media (max-width: 400px) {
    .about-us-page .card-content-leadership {
        left:50px;
    }

    .services-form iframe {
        width: 275px;
    }
}

@media (max-width: 430px) {
    .about-us-page .card-content-leadership {
        left:20px;
    }

    .about-us-page section.about-leadership img.img-fluid.view-profile {
        right: -20px;
        bottom: 42px;
    }
}

@media (max-width: 575px) {
    body.about-us-page.is-mobile #block-views-block-leadership-block-2 .row,.about-us-page .row.bulb {
        width:100%;
        margin: auto;
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .about-second {
        margin-top:25px;
    }

    .about-us-page h4.department {
        font-size: 1.2rem!important;
    }

    .about-us-page .card-abtu {
        width: 45%;
    }

    .about-us-page section.hero-banner .main-text h1 {
        font-size: 2rem;
    }

    .about-us-page section.hero-banner .main-text p {
        font-size: 1rem;
    }

    section.hero-banner .main-text {
        left: 4.5%;
        top: 30%;
    }

    .about-us-page .box-abt h2 {
        font-size: 1.4rem;
    }

    .about-us-page .about-counter1 p {
        font-size: 14px;
        line-height: 20px;
    }

    .about-us-page section.hero-banner.help-fragho-new {
        padding: 8% 0 9%;
    }
}

.about-us-page .popup-ln a {
    color: #029CDC;
    font-family: 'ProximaNova-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration-line: underline;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.about-us-page .popup-ln img {
    width: 40px;
    cursor: pointer;
    margin-right: 5px;
}

.about-us-page a.social-cta {
    border: 1px solid #f29020;
    margin-bottom: 15px;
    cursor: pointer;
}

.about-us-page div#dialog-content-Manjusha-Ravindranath a.social-cta,.about-us-page div#dialog-content-Shakthi-Mohan a.social-cta,.about-us-page div#dialog-content-Hannah-George a.social-cta,.about-us-page div#dialog-content-Jaya-Sreekumar a.social-cta,.about-us-page div#dialog-content-Nadia-S-Sait a.social-cta {
    display: none
}

.about-us-page .popup-ln a:focus-visible {
    outline: none;
}

.about-us-page .popup-ln img:focus-visible {
    outline: none;
}

@media (min-width: 768px) {
    .about-us-page .our-leadership .owl-dots {
        display:none;
    }

    .about-us-page .box-abt {
        margin-top: 35px !important;
    }

    .owl-theme.our-leadership .owl-nav button.owl-prev.disabled,.owl-theme.our-leadership .owl-nav button.owl-next.disabled {
        opacity: 0;
    }

    .owl-theme.our-leadership .owl-nav [class*='owl-']:hover {
        background: transparent;
    }

    .our-leadership button.owl-prev {
        position: absolute;
        left: -60px;
        top: 40%;
        cursor: pointer;
    }

    .our-leadership button.owl-next {
        position: absolute;
        right: -60px;
        top: 40%;
        cursor: pointer;
    }

    .about-us-page .leadership-popup:first-child {
        padding-left: 35px;
        padding-bottom: 0;
    }

    .about-us-page .leadership-popup:nth-child(2) {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 65px;
    }

    .about-us-page .fancybox__content {
        max-width: 950px!important;
        padding-right: 20px;
    }

    .about-us-page button.f-button.is-close-btn {
        top: 10px !important;
        right: 10px;
        color: #f29020;
    }

    .about-us-page a.social-cta:hover {
        border: 1px solid #f29020;
    }
}

@media (min-width: 1200px) {
    .about-us-page section.desti-content .about-second p {
        padding-right:60px;
        font-size: 16px;
    }

    .about-us-page .htglo img {
        position: absolute;
        width: 840px;
        bottom: 0;
        right: 10px;
    }
}

@media (min-width: 1600px) {
    .about-us-page .card-abtu h3 {
        margin-bottom:15px;
        font-size: 2rem;
        min-height: 85px;
    }

    .about-us-page .htglo img {
        width: 900px;
    }
}

@media (min-width: 1750px) {
    .about-us-page .htglo img {
        width:1000px;
    }
}

@media (min-width: 415px) and (max-width:640px) {
    .about-us-page section.about-leadership.desti-content .leadership-card {
        width:74%;
    }

    .about-us-page .card-content-leadership {
        width: 85%;
        left: 15px;
    }

    .about-us-page section.about-leadership img.img-fluid.view-profile {
        right: -20px;
        bottom: 42px;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .leadership-card {
        width:auto;
        height: auto;
    }

    .profile-image img,.upper-image img {
        height: auto;
        width: 300px;
    }
}

.services-inner-page .services-form div#edit-processed-text h3 {
    width: 100%;
    font-family: ProximaNova-Bold;
    font-size: 2rem;
}

.services-form fieldset#edit-preferred-study-destination-inner {
    width: 100%;
}

.services-form span.select2-selection.select2-selection--multiple {
    border: 1px solid #ccc;
    background-color: transparent;
    border-radius: 8px;
    padding: 0.6rem 0.7rem !important;
    font-size: 15px !important;
    font-family: 'ProximaNova-Regular';
    color: #fff;
}

.services-inner-page .services-form .select2-container {
    width: 100%!important;
    margin-top: 10px;
}

.services-inner-page section.desti-content .col-md-6 form fieldset legend span {
    font-family: 'Inter';
    font-size: 1rem;
}

.services-form input.select2-search__field::-ms-input-placeholder {
    color: white;
    font-size: 16px;
}

.services-form ::placeholder {
    color: white;
    font-size: 16px;
}

.services-form div#edit-processed-text-01 {
    margin-top: 5px;
}

.services-inner-page .services-form form .js-form-item.form-item.js-form-type-checkbox label {
    display: block !important;
    width: max-content;
    position: absolute;
    top: 35px;
    padding: 0;
    border: 0;
    color: #ff8400;
    pointer-events: none;
}

.services-inner-page .services-form form div#edit-container {
    position: relative;
    width: 100%;
    margin-bottom: 35px;
}

.services-form label#edit-preferred-study-destination-inner-other-error {
    position: absolute;
    right: 0;
    width: fit-content;
    left: unset;
    top: 4px;
    font-size: 0.8rem;
    color: #ff8400;
}

.services-overview-page section.servvices-overview-cards h2 {
    font-family: 'ProximaNova-Bold';
    color: #263747;
    margin-bottom: 0;
}

.services-inner-page .services-form div#edit-processed-text-01 p {
    width: 100%;
    font-family: 'Inter';
}

.services-inner-page .services-form div#edit-processed-text-01 p {
    width: 100%;
    font-family: 'Inter';
}

.services-inner-page .services-form form div#edit-processed-text-01 p span {
    font-size: 0.7rem;
    line-height: 20px;
    font-family: 'Inter';
}

@media (min-width: 768px) {
    .services-inner-page .services-form form div#edit-processed-text-01 p span {
        font-size:0.8rem;
        line-height: 23px;
        font-family: 'Inter';
    }

    .about-us-page .fancybox-content {
        padding: 10px;
    }
}

#webform-submission-services-inner-page-form-paragraph-323-add-form {
    scroll-margin-top: 125px;
}

@media (max-width: 767px) {
    .services-inner-page section.knowledge_hubcards h3 {
        min-height:unset;
    }

    .about-us-page .fancybox-content {
        padding: 35px;
    }

    .about-us-page .fancybox-slide--html .fancybox-close-small {
        border-color: #fd7e14;
        top: 5px;
    }

    .about-us-page .fancybox-button svg path {
        fill: #fd7e14;
    }
}

@media (min-width: 768px) and (max-width:1025px) {
    .services-inner-page section.knowledge_hubcards h3 {
        line-height:1.8rem;
    }

    .services-inner-page section.knowledge_hubcards h3 a {
        font-size: 1.2rem;
    }
}

div#popupform div#edit-field-wrapper--2 {
    padding: 25px 25px;
}

#popupform div#edit-processed-text--2 {
    padding: 25px 35px;
    background-color: #0580B3;
    color: #fff;
    width: 100%;
}

div#popupform input#edit-actions-01-submit--3 {
    background-color: #FF8500;
    border: unset;
    width: 100%;
    padding: 10px;
    color: #fff;
    margin-top: 15px;
    border-radius: 10px;
}

#popupform div#edit-processed-text--2 h3 {
    margin-bottom: 0;
}

div#popupform input#edit-email---2,div#popupform input#edit-mobile---2,div#popupform input#edit-first-name--2,div#popupform input#edit-last-name---2 {
    background-color: #fff;
    border: 1px solid #2A3C4B;
    color: #374151 !important;
    -webkit-text-fill-color: #374151;
    padding: 0 15px;
}

#popupform form .js-form-item.form-item.js-form-type-checkbox input {
    border: 1px solid rgb(255,132,0);
}

#popupform form .js-form-item.form-item.js-form-type-checkbox input {
    visibility: visible;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    margin-left: 0;
    cursor: pointer;
}

#popupform form .js-form-item.form-item.js-form-type-checkbox {
    display: flex;
    align-items: center;
    gap: 5px;
}

div#popupform #edit-container--2 {
    padding: 0 10px;
    margin-bottom: 30px;
    position: relative;
    display: flex;
    align-items: self-start;
}

.popup-form-wrapper input[type=checkbox].main2:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 5px;
    height: 11px;
    border: solid #ffffffc7;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%,-50%);
    z-index: 2;
}

div#popupform div#edit-field-wrapper--2 {
    width: inherit;
}

div#edit-processed-text-01--2 span {
    font-size: 12px;
    display: inline !important;
    line-height: 20px;
    margin-bottom: 0;
}

div#edit-processed-text-01--2 p {
    margin-top: 0px;
    line-height: 16px;
    margin-bottom: 0;
}

div#popupform div#edit-processed-text-01--2 a span {
    color: #FF8500;
    text-decoration: underline;
}

@media (min-width: 768px) {
    div#popupform div#edit-processed-text-01--2 {
        margin-top:3px;
    }
}

@media (min-width: 1550px) {
    div#edit-processed-text-01--2 span {
        font-size:12px;
        display: block;
        line-height: 20px;
    }

    div#edit-processed-text-01--2 p {
        width: 100%;
    }
}

.services-inner-page form#webform-submission-services-inner-page-form-paragraph-323-add-form input:focus + label {
    font-weight: 400;
    top: -5px;
    left: 15px;
    color: #FF8400;
    width: fit-content;
    padding: 0 5px;
    transition: all linear 0.3s;
    position: absolute;
    background-color: #253746;
    opacity: 1;
    height: auto;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}

.services-inner-page section.desti-content form .form-floating .form-control:focus~label.option {
    position: absolute;
    top: -15px;
    font-size: 13px;
    left: 10px;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    background-color: #2a3c4b00;
    opacity: 0.65;
    color: #fff;
    transform: unset;
}

.services-inner-page section.desti-content .services-form ul li.select2-selection__choice {
    color: #f29020;
    background-color: #e4e4e4;
    font-family: 'Inter';
}

.services-inner-page .services-form .select2-container {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/sites/default/files/2024-08/ezgijh.png);
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 24px;
}

.services-inner-page .services-form span.select2-selection__clear {
    position: absolute;
    right: 45px;
    top: 12px;
}

.services-inner-page .services-form input[type=checkbox] {
    border: 1px solid #fff;
    border-radius: 4px;
    visibility: visible;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    margin-left: 0;
    cursor: pointer;
}

.services-inner-page .services-form input#edit-consent {
    border: 1px solid #fff!important;
}

.services-inner-page .services-form input#edit-consent.main3 {
    border: 1px solid #fff0!important;
}

.services-inner-page .services-form input[type=checkbox]:checked {
    background-color: #ff8400;
    opacity: 1;
    position: relative;
    border-radius: 4px;
}

.services-inner-page .services-form input[type=checkbox] {
    position: relative;
    border: 2px solid #000;
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none!important;
}

.services-inner-page .services-form input[type=checkbox]:hover {
    opacity: 1;
}

.services-inner-page .services-form input[type=checkbox]:checked {
    background-color: #ff8400;
    opacity: 1;
    position: relative;
    border-radius: 4px;
    border: solid #ffffff;
}

.services-inner-page .services-form input[type=checkbox].main3:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 7px;
    height: 14px;
    border: solid #ffffffc7;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%,-50%);
    z-index: 2;
}

.services-inner-page .services-form input[type=checkbox]:before {
    border: unset;
}

.services-inner-page .services-form form .js-form-item.form-item.js-form-type-checkbox label#consent-error {
    display: block !important;
    width: max-content !important;
    position: absolute !important;
    top: 35px !important;
    padding: 0 !important;
    border: 0;
    color: #ff8400 !important;
    pointer-events: none;
    transform: unset !important;
    left: 0 !important;
    background-color: transparent !important;
}

.services-form .form-floating>.form-control:not(:placeholder-shown)~label {
    display: none;
    width: max-content;
    color: #ff8400;
    top: -5px;
    left: 3px;
    opacity: 1;
}

.services-inner-page section.desti-content ul li input {
    color: #fff;
}

#popupform .form-floating>.form-control:not(:placeholder-shown)~label {
    display: none;
    width: max-content;
    color: #ff8400;
    top: -5px;
    left: 0px;
    opacity: 1;
}

@media (min-width: 768px) and (max-width:991px) {
    .services-inner-page section.hero-banner {
        margin-top:75px;
    }

    section.knowledge_hubcards {
        padding: 75px 0 20px;
    }

    .services-inner-page section.knowledge_hubcards .card-content p {
        min-height: 100px;
    }
}

.row.of-op .row {
    height: fit-content;
}

@media (min-width: 992px) {
    .services-overview-page .cards.services-cards h3,.services-inner-page section.knowledge_hubcards h3 {
        min-height:110px;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .services-overview-page .cards.services-cards h3,.services-inner-page section.knowledge_hubcards h3 {
        min-height:110px;
        line-height: 22px;
    }

    .services-overview-page .cards.services-cards h3 a {
        font-size: 15px;
        line-height: 10px;
    }

    .services-overview-page .cards.services-cards .card-content {
        min-height: 140px;
    }

    section.services-procedure .row {
        transform: inherit !important;
        width: 100%;
    }
}

.services-inner-page .services-form h4 {
    color: #fff;
}

body.services-inner-page {
    overflow-x: hidden
}

.about-us-page h4.department {
    // position: absolute;
    // top: 0px;
    // left: 0;
    padding: 10px 0px 0 10px;
    font-size: 16px;
}

.leadership-card:hover .card-content-leadership h3 {
    color: #FF8400 !important;
}

.about-us-page section.about-leadership.desti-content .leadership-card {
    margin-top: 20px;
}

.custom-leadership .profile-image:before {
    content: ' ';
    height: 40%;
    width: 100%;
    position: absolute;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,132,0,0.85) 100%);
    top: 0;
    left: 0;
    z-index: 0;
    bottom: 0;
    align-self: self-end;
    align-items: end;
}

@media (min-width: 1550px) {
    .about-us-page .container {
        max-width:1350px;
    }
}

.frag-poi img {
    object-position: 0% 15%;
}

@media (min-width: 768px) and (max-width:1024px) {
    .frag-poi {
        width:28%;
    }

    .profile-image img {
        width: 220px;
        margin-left: 0;
        height: 220px!important;
    }

    .frag-poi img {
        margin-left: 0;
    }

    .about-us-page div#block-views-block-leadership-block-2 h2 {
        margin-bottom: 15px!important;
    }

    .about-us-page h4.department {
        font-size: 16px!important;
        line-height: 24px!important;
    }
}

@media (max-width: 767px) {
    .about-us-page section.about-leadership.desti-content .leadership-card {
        display:block;
    }

    .leadership-heading {
        margin-bottom: 35px;
    }

    body.about-us-page.is-mobile #block-views-block-leadership-block-2 .row,.about-us-page .row.bulb {
        row-gap: 10px;
    }

    .about-us-page div#block-views-block-leadership-block-2 h2 {
        margin-bottom: 25px;
    }

    .about-us-page .card-content-leadership,.about-us-page section.about-leadership.desti-content .leadership-card p {
        width: 100%;
        text-align: center;
        padding-bottom: 0px!important;
    }

    .about-us-page h4.department {
        padding: 10px 0px 25px 10px;
    }
}

@media (min-width: 768px) {
    .about-us-page div#block-views-block-leadership-block-2 h2 {
        font-size:1.8rem;
        margin-bottom: -20px!important;
    }

    .about-us-page .leadership-heading h2 {
        font-size: 2.2rem;
    }

    .about-us-page #block-views-block-leadership-advisory-board img {
        height: 220px;
    }
}

.about-us-page section.about-leadership.desti-content {
    background-image: unset;
}

@media (min-width: 1200px) and (max-width:1399px) {
    .about-us-page section.about-leadership.desti-content .leadership-card p {
        font-size:15px;
    }
}

section.about-leadership.desti-content.keyc img {
    height: 220px;
}

section.about-leadership.desti-content .key-contact-text h2 {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    section.about-leadership.desti-content .key-contact-text h2 {
        font-size:1.8rem;
        margin-bottom: -20px;
    }

    section.about-leadership.advis h2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 767px) {
    div#block-fragomen-mainwebsitefooterleft p:last-child {
        font-size:16px;
    }
}

@media (min-width: 1200px) and (max-width:1380px) {
    .about-us-page section.about-leadership.desti-content .leadership-card p {
        font-size:13px;
    }

    .about-us-page section.about-leadership.desti-content p {
        font-size: 14px;
    }

    section.about-leadership.desti-content .row.bulb h3 {
        font-size: 15px;
    }

    .about-us-page h4.department {
        font-size: 13px;
    }

    section.about-leadership.advis.desti-content .frag-poi h3 {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .about-us-page #block-views-block-leadership-advisory-board img {
        max-height:180px;
        max-width: 215px;
        min-height: 180px;
        object-position: top;
        min-width: 215px;
    }

    .about-us-page .row.bulb {
        padding: 0 15px;
    }

    section.about-leadership.desti-content .row.bulb h3 {
        padding-left: 0;
    }

    .about-us-page section.about-leadership.desti-content .leadership-card p {
        padding-left: 0;
    }

    .about-us-page h4.department,.about-us-page section.about-leadership.desti-content p {
        padding-left: 0;
    }
}

@media (min-width: 1381px) {
    section.about-leadership.advis.desti-content .frag-poi h3 {
        font-size:18px;
    }
}

@media (min-width: 1820px) {
    section.about-leadership.desti-content .row.bulb h3,.leadership-overview-page .card-content-leadership h3 {
        font-size:18px;
    }

    section.about-leadership.advis.desti-content .frag-poi h3 {
        font-size: 16px;
    }
}

.about-us-page h4.department {
    font-family: 'ProximaNova-Regular';
    font-weight: 300;
}

@media (min-width: 768px) and (max-width:1400px) {
    .about-us-page #block-views-block-leadership-advisory-board img {
        min-width:unset
    }
}

@media (min-width: 768px) {
    section.about-leadership.desti-content .row.bulb h3 {
        font-size:26px;
    }

    section.about-leadership.keyc.desti-content .row.bulb h3 {
        font-size: 24px;
    }

    section.about-leadership.advis.desti-content .row.bulb h3 {
        font-size: 22px;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    body.about-us-page section.hero-banner {
        margin-top:60px;
    }

    .about-us-page section.hero-banner .main-text {
        top: 50%;
        position: absolute;
        left: 5%;
        text-align: left;
        WIDTH: 50%;
    }

    .about-us-page section.hero-banner .main-text br {
        display: none;
    }

    .about-us-page section.hero-banner .main-text h1 {
        text-align: left;
    }

    .services-overview-page .innerdestin img {
        margin-top: 45px;
    }
}

@media (min-width: 768px) {
    .about-us-page .leadership-popup:first-child {
        margin-top:45px;
    }

    .about-us-page .leadership-popup:nth-child(2) {
        margin-top: 40px!important;
    }
}

@media (min-width: 1200px) {
    .services-form span.select2-selection.select2-selection--multiple {
        padding-right:50px !important;
    }
}

@media (min-width: 768px) and (max-width:990px) {
    .services-overview-page .spotlight-card .event-card-content h4 {
        min-height:60px;
    }

    .services-overview-page .spotlight-card .spotlight-body {
        min-height: 250px;
    }

    .services-overview-page .spotlight-card-cta a:last-child {
        height: 50px;
        border-radius: 5px;
        font-size: 16px;
    }

    .services-overview-page .spotlight-page .spotlight-overview-cards .views-infinite-scroll-content-wrapper .row {
        display: flex;
        flex-wrap: nowrap;
    }

    .accordion-header {
        padding: 8px 0px;
        height: auto;
        font-size: 18px;
    }
}

@media (min-width: 1024px) {
    .spotlight-page #block-views-block-spotlight-block-1 .views-infinite-scroll-content-wrapper {
        display:flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 991px) {
    body.spotlight-page section.hero-banner .banner-cta {
        width:82% !important;
    }

    .spotlight-page section.hero-banner .main-text {
        width: auto!important;
    }
}

.backToBottomBtn {
    background-image: url(/sites/default/files/2024-08/Scroll.png);
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

section.leftbar-sticky.sticky {
    position: absolute;
    bottom: 5vh;
    left: 8%;
    animation: MoveUpDown 2s linear infinite;
    width: min-content;
}

@keyframes MoveUpDown {
    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

.home-page .pin-container .item {
    line-height: 25px;
}

.home-page .pin-container {
    overflow: unset;
    transform: scale(0.6);
}

.services-fragomen.frag-2 .services-cta {
    // display: none;
    margin-top: 10px;
}

.home-page .map-card-item-contents li {
    font-size: 0.8rem;
    line-height: 20px;
}

.home-page .services-fragomen .card-heading h6 {
    color: #253746;
    font-family: 'ProximaNova-Regular';
    margin-top: 8px;
}

.home-page .fragomen-header.sticky .navbar-light .navbar-nav .nav-link {
    color: #111820;
}

div#popupform label#edit-preferred-study-destination-services-other-error {
    position: absolute;
    right: 0;
    width: fit-content;
    left: unset;
    top: -4px;
    font-size: 0.8rem;
    color: #ff8400;
}

div#popupform button.f-button.is-close-btn {
    top: 12px!important;
    right: 8px!important;
    background-color: transparent;
}

div#popupform .floatingl_out fieldset#edit-preferred-study-destination-services .form-floating {
    margin-left: 0;
}

div#popupform .floatingl_out fieldset#edit-preferred-study-destination-services .form-floating input {
    width: 100%;
    background-color: transparent !important;
}

div#popupform .floatingl_out fieldset#edit-preferred-study-destination-services .form-floating input::-ms-input-placeholder {
    color: #374151;
}

div#popupform .floatingl_out fieldset#edit-preferred-study-destination-services .form-floating input::placeholder {
    color: #374151;
}

div#popupform .floatingl_out fieldset#edit-preferred-study-destination-services label.visually-hidden {
    clip: unset!important;
    width: 100%!important;
    height: auto!important;
    padding: 1rem .75rem!important;
}

#popupform form input#edit-consent {
    border: 1px solid rgb(255,132,0);
}

.home-page .services-cta a::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.home-page .frag-card {
    position: relative;
}

div#block-fragomen-mainwebsitefooterleft {
    scroll-margin-top: 120px;
}

.home-page .services-fragomen.frag-2 p.default-content a.read-more,.home-page .services-fragomen.frag-2 p.default-content a.read-less {
    display: none;
}

.home-page form#webform-submission-main-website-footer-form-block-content-7-add-form {
    scroll-margin-top: 120px;
}

.home-page .card-cta {
    margin-top: 30px;
}

.home-page section#sec-counter {
    display: none;
}

.home-page .mySwiper2 a {
    color: #6E6D6D;
    text-decoration: unset;
}

.home-page .search-icon::after {
    filter: unset;
}

.fra1 .main-text p {
    color: #ffffff;
}

.home-page span.calender-icon:before {
    content: "";
    display: block;
    background: url("/sites/default/files/2024-05/Calsa.svg") no-repeat;
    width: 20px;
    margin: 0 6px 0 0;
    height: 20px;
    object-fit: contain;
}

.home-page span.time-icon:before {
    content: "";
    display: block;
    background: url("/sites/default/files/2024-05/time.svg") no-repeat;
    width: 25px;
    margin: 0 6px 0 0;
    height: 25px;
    object-fit: contain;
}

.home-page span.location-icon:before {
    content: "";
    display: block;
    background: url("/sites/default/files/2024-05/Location.svg") no-repeat;
    width: 20px;
    margin: 0 6px 0 0;
    height: 30px;
    object-fit: contain;
}

.home-page span.calender-icon,.home-page span.time-icon,.home-page span.location-icon {
    display: flex;
    margin-top: 10px;
}

.fra2 .banner-data {
    display: flex;
    gap: 25px;
}

@media (max-width: 767px) {
    .home-page .main-text h1 {
        font-size:1.4rem;
        line-height: 2rem;
    }

    .home-page .main-text h1 br {
        display: none;
    }

    .fra2 .banner-data {
        display: block;
    }
}

.fra4 .main-text h1 {
    text-align: left;
}

.fra4 .main-text p {
    text-align: left;
    color: #fff;
    width: 60%;
    padding: 0;
}

.fra3 .main-text p,.fra2 .main-text p {
    padding: 0;
}

.fra4 .main-text,.fra2 .main-text,.fra3 .main-text {
    left: 6%;
}

.fra3 .main-text h1 {
    text-align: left;
}

.fra3 .main-text p {
    text-align: left;
    color: #fff;
    width: 60%;
}

.home-page a.explore-course {
    color: #ffffff;
    text-decoration: unset;
    border: 1px solid #009CDC;
    padding: 15px 45px;
    border-radius: 5px;
    transition: all linear 0.3s;
    display: block;
    width: fit-content;
    cursor: pointer;
    margin-top: 30px;
    font-family: 'ProximaNova-Regular';
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0px 4px 28px 0px #00000021;
    background-color: #009CDC;
}

.home-page a.explore-course:hover {
    background-color: #ffffff;
    color: #009CDC;
    transition: all linear 0.3s;
}

.fra2 .main-text h1 {
    text-align: left;
}

.fra2 .main-text p {
    text-align: left;
    color: #fff;
    width: 60%;
}

.fra2 .banner-data {
    text-align: left;
    color: #fff;
}

.home-page a.card-cta {
    color: #ffffff;
    text-decoration: unset;
    border: 1px solid #FF8500;
    padding: 15px 45px;
    border-radius: 5px;
    transition: all linear 0.3s;
    display: block;
    width: fit-content;
    cursor: pointer;
    margin-top: 10px;
    font-family: 'ProximaNova-Regular';
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0px 4px 28px 0px #00000021;
    background-color: #FF8500;
}

.home-page a.card-cta:hover {
    background-color: #ffffff;
    color: #FF8500;
    transition: all linear 0.3s;
}

.home-page .iwmap-tooltip-close {
    opacity: 1!important;
}

.home-page .iwmap-icon {
    fill: #FF8500;
}

.home-page h4.iwmap-tooltip-title {
    font-size: 1.2rem;
}

.map-card-item-contents li {
    font-size: 1rem;
    line-height: 24px;
}

.iwmap-tooltip-wrap img.iwmap-image {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    position: absolute;
    left: -18px;
    top: 10px;
}

h4.iwmap-tooltip-title {
    margin-left: 15px !important;
}

.map-card-item-contents ul {
    padding-left: 30px;
}

.map-card-item-contents li {
    list-style-image: url(/sites/default/files/2024-04/white-tick.png);
}

;.map-card-item-links a.read-more {
    color: #ff8400;
    text-align: left;
}

div#courses-frag button.owl-next {
    display: none;
}

@keyframes c1 {
    0% {
        transform: translate(0px,0px);
    }

    100% {
        transform: translate(0px,40px);
    }
}

@keyframes c2 {
    0% {
        transform: translate(0px,40px);
    }

    100% {
        transform: translate(0px,0px);
    }
}

.fragomen.swiper-horizontal {
    z-index: 0;
    background: rgb(10,134,184);
}

.c1 {
    animation: c1 5s infinite alternate;
    transform: translate3d(0,0,0);
}

.c2 {
    animation: c2 5s infinite alternate;
    transform: translate3d(0,0,0);
}

.c3 {
    animation: c1 5s infinite alternate;
    transform: translate3d(0,0,0);
}

.c4 {
    animation: c2 5s infinite alternate;
    transform: translate3d(0,0,0);
}

.c5 {
    animation: c1 5s infinite alternate;
    transform: translate3d(0,0,0);
}

.c6 {
    animation: c2 5s infinite alternate;
    transform: translate3d(0,0,0);
}

.c7 {
    animation: c1 5s infinite alternate;
    transform: translate3d(0,0,0);
}

img.img-fluid.c1 {
    position: absolute;
    top: 52vh;
    z-index: -1;
    left: 4%;
    width: 150px;
}

img.img-fluid.c2 {
    position: absolute;
    top: 45vh;
    z-index: -1;
    left: 15%;
    width: 250px;
}

img.img-fluid.c3 {
    position: absolute;
    top: 70vh;
    z-index: -1;
    left: 28%;
}

img.img-fluid.c4 {
    position: absolute;
    top: 50vh;
    z-index: -1;
    right: 54%;
    width: 100px;
}

img.img-fluid.c5 {
    position: absolute;
    top: 55vh;
    z-index: -1;
    left: 58%;
    width: 160px;
}

img.img-fluid.c6 {
    position: absolute;
    top: 48vh;
    z-index: -1;
    right: 18%;
    width: 250px;
}

img.img-fluid.c7 {
    position: absolute;
    top: 60vh;
    z-index: -1;
    right: 7%;
    width: 120px;
}

.fragomen .swiper-slide::before {
    animation: qq 5s infinite alternate;
    position: absolute;
    top: 0;
    transform: translate3d(0,0,0);
}

.fragomen .swiper-slide {
    background-image: unset!important;
    background: transparent;
}

.knowledge_hubcards .cards_knowl:hover a {
    color: #FF8500;
    text-decoration: underline;
}

.map-card-item-contents ul {
    padding-left: 16px;
}

.map-card-item-links.row {
}

h4.iwmap-tooltip-title {
    text-align: left;
    display: block;
}

.iwmap-tooltip-content {
    padding-bottom: 0!important;
    margin-bottom: 0!important;
    max-height: unset!important;
    overflow-y: unset;
}

.fragomen .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal span:nth-child(1)::before {
    content: " ";
    width: 1px;
    height: 100px;
    position: Absolute;
    border: 1px solid #FFFFFF;
    top: -129px;
    left: 165%;
}

.fragomen .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal span:nth-child(1)::after {
    content: " ";
    width: 1px;
    height: 100px;
    position: Absolute;
    border: 1px solid #FFFFFF;
    bottom: -129px;
    left: 165%;
}

.fragomen span.swiper-pagination-current {
    position: relative;
}

.frag-card a img {
    transform: scale(0.7);
}

.map-card-item-contents li {
    color: #fff;
    text-align: left;
}

.map-card-item-links.row a.lnk.lnk-primary.read-more {
    color: #fff!important;
    background-color: #FF8500;
    width: max-content;
    margin: 0 10px;
    padding: 6px 10px;
    border-radius: 5px;
}

.home-page .fragomen-header li.nav-item.menu-cta .nav-link {
    background: #ff840000;
    padding: 7px 18px !important;
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #ffffff;
}

.home-page .fragomen-header .navbar-nav .nav-item:last-child a.nav-link,.submit-btn {
    background: #ff8400;
    padding: 7px 18px !important;
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #ff8400;
}

.home-page .fragomen-header .navbar-nav .nav-item:last-child a.nav-link:hover {
    background: #fff !important;
    color: #ff8400 !important;
    border: 1px solid #ff8400 !important;
}

.pad-l img {
    height: 100%;
    object-fit: cover;
}

.wa-icon {
    background-image: url('/sites/default/files/2025-03/whtw2.webp');
    width: 35px;
    height: 35px;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

.wa-icon a {
    width: 35px;
    height: 35px;
    display: block;
    cursor: pointer;
}

.mail-icon {
    background-image: url('/sites/default/files/2024-08/Mail.svg');
    width: 35px;
    height: 35px;
    background-position: center;
    background-size: cover;
    margin-top: 5px;
    cursor: pointer;
}

.mail-icon a {
    width: 35px;
    height: 35px;
    display: block;
    cursor: pointer;
}

section.sidebar-sticky.sticky {
    position: fixed;
    bottom: 4vh;
    z-index: 9;
    right: 10px;
    width: min-content;
}

.latest-frag a:after {
    content: "";
    width: 30px;
    top: 20px;
    height: 30px;
    background: url("/sites/default/files/2024-04/a95a942b0ee5de40b5b99b023e8f2969.png") no-repeat;
    position: absolute;
    display: inline-block;
    background-position: 35% 6%;
    display: none;
}

.knowledge_hubcards .cards_knowl img {
    padding: 10px;
}

.home-page .fragomen-header .navbar-light .navbar-nav .nav-link {
    color: #fff;
}

.home-page header.fragomen-header {
    background: linear-gradient(180deg,rgba(10,134,184,1) 0%,rgba(10,134,184,1) 100%);
}

.fragomen .swiper-slide {
    background-size: cover;
}

.studet .owl-dots button.owl-dot:hover {
    border: unset;
}

.studet .owl-dots button.owl-dot span {
    width: 40px!important;
    border-radius: 0;
    height: 5px;
}

.owl-theme.studet .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #FF8400;
}

.owl-theme.studet .owl-dots .owl-dot span {
    background: #273649;
}

.owl-theme.studet .owl-nav.disabled + .owl-dots {
    margin-top: 25px;
}

.iwmap-tooltip-body,.iwmap-tooltip-content {
    scrollbar-width: unset!important;
    scrollbar-color: #ddd0 #fff0!important;
}

.testi .item img {
    width: 1600px;
    height: max-content;
    cursor: pointer;
}

.caour-frag button.owl-prev {
    position: absolute;
    top: 36%;
    left: -45px;
    cursor: pointer;
    transform: scale(0.8);
}

.caour-frag button.owl-next {
    position: absolute;
    top: 36%;
    right: 0;
    cursor: pointer;
    transform: scale(0.8);
}

.caour-frag .owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
}

#courses-frag .card-img-overlay {
    transform: translateY(13rem);
    transition: transform 0.18s ease-in;
    background-color: transparent;
}

#courses-frag .card-img-overlay p {
    opacity: 0;
    transform: translateY(-6rem);
    transition: opacity 0.05s ease-in,transform 0.25s ease-in;
    color: #fff;
}

#courses-frag .card-img-overlay .btn {
    opacity: 0;
    transform: translateY(2rem);
}

#courses-frag .card {
    overflow: hidden;
    padding: 0;
}

#courses-frag .card:hover .card-img {
    mix-blend-mode: overlay;
}

#courses-frag .card:hover .card-img-overlay {
    transform: translateY(0);
    transition: transform 0.25s ease-out;
    background-color: transparent;
    bottom: -10px;
}

#courses-frag .card:hover p {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.5s ease-out,transform 0.2s ease-out;
}

#courses-frag .card-img-overlay {
    top: unset;
    bottom: 17%;
}

.owl-carousel {
    display: block;
}

img {
    max-width: 100%;
    height: auto;
}

.fragomen .swiper-button-next,.fragomen .swiper-button-prev {
}

.iwmap-tooltip p {
    color: #fff;
}

.iwmap-element strong,.iwmap-tooltip-title {
    color: #fff;
}

.iwmap-tooltip-wrap {
    background: rgb(255 255 255 / 0%);
    box-shadow: 0 8px 32px 0 rgba(31,38,135,0.37);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(2.5px);
    border-radius: 10px;
    border: 2px solid rgb(255 255 255 / 31%);
}

@font-face {
    font-family: "ProximaNova-Bold";
    src: url("/themes/custom/fragomen/Font/ProximaNova-Bold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "ProximaNovaExtrabold";
    src: url("/themes/custom/fragomen/Font/ProximaNovaExtrabold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "ProximaNova-Regular";
    src: url("/themes/custom/fragomen/Font/ProximaNova-Regular.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "ProximaNovaThin";
    src: url("/themes/custom/fragomen/Font/ProximaNovaThin.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "fontspring-demo-ceraroundpro-black";
    src: url("/themes/custom/fragomen/Font/fontspring-demo-ceraroundpro-black.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "fontspring-demo-ceraroundpro-bold";
    src: url("/themes/custom/fragomen/Font/fontspring-demo-ceraroundpro-bold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "fontspring-demo-ceraroundpro-regular";
    src: url("/themes/custom/fragomen/Font/fontspring-demo-ceraroundpro-regular.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: " fontspring-demo-ceraroundpro-light";
    src: url("/themes/custom/fragomen/Font/ fontspring-demo-ceraroundpro-light.woff2") format("woff2");
    font-display: swap;
}

.swiper-fragomen .swiper-slide {
    font-weight: 500;
    color: #6E6D6D;
}

.view-all-frag {
    text-align: end;
}

.date-read {
    color: #6E6D6D;
    padding-left: 25px;
    margin-top: 10px;
    font-size: 0.8rem;
}

section.knowledge_hubcards a.main-cta {
    display: inline;
}

section#trits h2 {
    color: #253746;
    font-family: 'ProximaNova-Bold';
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.3rem;
    width: 48%;
}

.achi {
    align-content: center;
    display: grid;
}

.achi h2 {
    color: #009CDC;
    font-size: 1.2rem;
    font-family: 'ProximaNova-Regular';
    font-weight: 400;
}

section.knowledge_hubcards h2 {
    color: #253746;
    font-family: 'ProximaNova-Bold';
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.3rem;
    margin-bottom: 35px;
}

.student_review h2 {
    color: #253746;
    font-family: 'ProximaNova-Bold';
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.3rem;
}

.cards_knowl h5 a {
    color: #253746;
    font-family: 'ProximaNova-Bold';
    font-weight: 700;
    text-decoration: unset;
}

.cards_knowl p {
    color: #6E6D6D;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

.knowledge_hubcards .cards_knowl {
    border: 1px solid #9b8a7800;
    border-radius: 10px;
    min-height: 485px;
    cursor: pointer;
}

.knowledge_hubcards .cards_knowl:hover {
    border: 1px solid #ff8400;
    transition: all linear 0.3s;
    box-shadow: 0px 4px 28px 0px #00000021;
}

.knowledge_hubcards .cards_knowl h5,.knowledge_hubcards .cards_knowl p {
    padding-left: 25px;
}

.latest-frag a {
    color: #929292;
    font-family: 'ProximaNova-Regular';
    pointer-events: none;
}

section.student_review img.vecto {
    position: absolute;
    top: 50px;
    width: 170px;
}

section.student_review {
    position: relative;
}

div#courses-frag h3 {
    color: #fff;
    font-family: 'Inter';
    font-size: 18px;
    font-weight: 600;
}

div#courses-frag img {
    height: auto;
    max-width: 100%;
    transform: unset;
}

h3.dert,p.dert {
    color: #253746;
    font-family: 'ProximaNova-Bold';
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.3rem;
}

h2.caurse-frag {
    color: #009CDC;
    font-size: 1.2rem;
    font-family: 'ProximaNova-Regular';
    font-weight: 400;
}

p.frag-para {
    color: #6E6D6D;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    font-size: 16px;
    line-height: 22px;
}

p.dert-map {
    color: #ffffff;
    font-family: 'ProximaNova-Bold';
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 10px;
}

#why-fes h2 {
    color: #009CDC;
    font-size: 1.2rem;
    font-family: 'ProximaNova-Regular';
    font-weight: 400;
}

.services-fragomen .frag-serv h2 {
    color: #009CDC;
    font-size: 1.2rem;
    font-family: 'ProximaNova-Regular';
    font-weight: 400;
}

.services-fragomen .card-heading h3 {
    color: #253746;
    font-family: 'ProximaNova-Regular';
    font-weight: 700;
    margin-top: 20px;
    font-size: 1.6rem;
    margin-bottom: 0;
}

.services-fragomen .card-content {
    color: #6E6D6D;
    font-family: 'ProximaNova-Regular';
    display: block;
    font-size: 16px;
    line-height: 22px;
}

section#sec-counter .icon-text h3 {
    color: #FF8500;
    font-size: 2rem;
}

section#sec-counter .icon-text span.count {
    color: #253746;
    font-weight: 700;
    font-family: 'ProximaNova-Bold';
}

section#sec-counter .icon-text p {
    color: #0D9BD8;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
}

.student_review {
    background-color: #ff84000d;
    padding: 65px 0;
}

.swiper.swiper-student {
    width: 100%;
    height: 100%;
    padding-bottom: 50px;
}

.swiper-student .swiper-slide {
    font-size: 16px;
    background: #ff840003;
    display: flex;
    justify-content: center;
    align-items: center;
}

p.map-para {
    color: #ffffff;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    font-size: 16px;
    line-height: 22px;
    width: 80%;
    margin: auto auto 20px;
}

.swiper-student .swiper-slide img {
    display: block;
    width: 45%;
    height: 100%;
    object-fit: cover;
}

section.student_review .container {
    width: 100%;
    max-width: 100%;
    padding-left: 6%;
}

section.student_review .col-md-8 {
    padding: 0;
    margin-left: 7%;
}

.testi .item {
    display: flex;
    gap: 30px;
}

.name_profil {
    border-left: 6px solid #000;
    padding-left: 15px;
}

.swiper-student .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal span {
    width: 25px;
    height: 5px;
    border-radius: 0;
    margin-right: 10px;
    background: #000 !important;
    opacity: 70%;
}

.swiper-student .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active {
    background-color: #FF8400 !important;
}

section.student_review .col-md-3 h2 {
    margin-bottom: 20px;
    line-height: 1.1;
}

section.knowledge_hubcards {
    padding: 75px 0;
}

section.knowledge_hubcards .container {
    max-width: 90%;
}

.knowledge_hubcards .cards_knowl h5 {
    width: 80%;
    margin: 15px 0;
}

.knowledge_hubcards .cards_knowl p {
    font-size: 16px;
    width: 80%;
}

body {
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fragomen .swiper-slide img {
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    z-index: 9;
    margin-top: 0vh;
}

.fragomen .swiper-pagination {
    position: absolute;
    right: 45px;
    top: 45vh;
    left: unset;
    color: #fff;
    text-align: end;
    width: fit-content;
    height: 30px;
}

.main-text {
    position: absolute;
    top: 15%;
    z-index: 99;
}

.main-text h1 {
    color: #fff;
    font-weight: 800;
    font-family: ProximaNova-Bold;
    font-size: 3rem;
}

.main-text h4 {
    color: black;
}

section.swiper-fragomen.mw1 {
    background: #92929226;
    display: none;
}

.swiper-fragomen .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.swiper-fragomen .swiper-slide {
    font-size: 18px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 16px 0;
    background: unset;
    height: 60px;
    width: 100%;
}

.frag-1 {
    width: 100%;
    max-width: 100%;
}

.latest-frag a {
    background-color: #30414e;
    color: #fff;
    text-decoration: unset;
    font-size: 1rem;
    font-weight: 500;
}

.latest-frag {
    text-align-last: right;
    background-color: #30414e;
    padding: 16px 40px;
}

.latest-frag {
    text-align-last: center;
    position: absolute;
    right: 0;
    height: 60px;
    align-content: center;
}

.mw {
    width: 100%;
    max-width: 100%;
}

.services-fragomen .cards {
    border: 1px solid #009cdc30;
    border-radius: 15px;
    padding: 30px 30px 30px;
    //cursor: pointer;
}

.gap25 {
    gap: 25px;
    justify-content: center;
}

.frag-card a {
    border : 1px solid #FF8500;
    text-decoration: unset;
    padding: 5px 12px;
    color: #000;
    font-size: 18px;
    border-radius: 5px;
    font-weight: 600;
    margin-top: 15px;
}

.services-fragomen .cards:hover {
    border: 1px solid #FF8500;
    transition : all linear 0.3s;
    box-shadow: 0px 4px 28px 0px #00000021;
}

.services-fragomen .cards:hover a {
    background-color: #FF8500;
    transition : all linear 0.3s;
}

@keyframes qq {
    100% {
        transform: translate(0px,100px);
    }
}

section.swiper-fragomen .container {
    max-width: 100%;
    padding: 0px;
}

.frago-num {
    display: flex;
}

section#sec-counter {
    padding: 3% 0;
}

section#sec-counter .icon-text {
    padding-left: 15px;
    max-width: 160px;
}

section#sec-counter img {
    height: 60px;
    width: 60px;
    padding-top: 12px;
    object-fit: contain;
}

section#global-map {
    text-align: center;
    background-size: cover;
    background-position: center;
    padding: 5% 0;
    transition: all linear 0.5s;
    background-color: #253746;
}

section#global-map h2 {
    font-size: 1.2rem;
    color: #ff8400;
    font-family: 'ProximaNova-Regular';
    font-weight: 400;
    margin-bottom: 1rem;
}

section.services-fragomen {
    padding: 4% 0 4%;
    position: relative;
}

.services-fragomen img.img-fluid.fcd {
    width: 125px;
}

.services-fragomen .card-content {
    margin: 25px 0;
}

.frag-card:nth-child(2),.frag-card:nth-child(4) {
    margin-top: 35px;
}

.frag-serv {
    height: fit-content;
    position: sticky;
    top: 150px;
    padding-top: 85px;
    padding-bottom: 85px;
    background-image: url(/sites/default/files/2025-03/ICONS52.webp);
    background-size: cover;
}

section.hero-banner.caour-frag {
    padding: 6% 0 1%;
}

section.hero-banner.caour-frag .swiper-slide {
    display: block;
}

section.hero-banner.caour-frag .container {
    margin-right: 0;
    max-width: 92%;
}

a.main-cta {
    color: #FF8500;
    text-decoration: unset;
    border: 1px solid #FF8500;
    padding: 15px 45px;
    border-radius: 5px;
    transition: all linear 0.3s;
    display: block;
    width: fit-content;
    cursor: pointer;
    margin-top: 30px;
    font-family: 'ProximaNova-Regular';
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0px 4px 28px 0px #00000021;
    background-color: #fff;
}

.main-text p {
    color: #253746;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    font-size: 1.45rem;
}

a.main-cta:hover {
    background-color: #FF8500;
    transition: all linear 0.3s;
    color: #fff;
}

section#why-fes {
    padding: 5% 0 0;
}

section#why-fes .container {
    margin-left: 0;
    max-width: 92%;
}

section#why-fes .pad-l {
    padding-left: 0;
}

section#trits {
    padding: 5% 0 5%;
    background-color: #f5fbfe;
}

section.hero-banner.caour-frag .swiper-button-prev {
    background-image: url(/sites/default/files/2024-04/arrow.png) !important;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

section.hero-banner.caour-frag .swiper-button-next {
    background-image: url(/sites/default/files/2024-04/arrowright.png) !important;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

section.hero-banner.caour-frag .swiper-button-next::after {
    display: none;
}

section.hero-banner.caour-frag .swiper-button-prev::after {
    display: none;
}

.services-fragomen.frag-2 .swiper-button-next,.services-fragomen.frag-2 .swiper-button-prev {
    display: none;
}

.swiper-student .swiper-slide {
    width: 80% !important;
}

.student_review .card-content {
    text-align: left;
    color: #273649;
}

.student_review .card-heading h2,.student_review .card-heading p {
    text-align: left;
}

.student_review .card-heading h2 {
    font-size: 1.4rem;
    margin-bottom: 0;
    padding-left: 10px;
}

.student_review .card-heading p {
    color: #000000;
    font-size: 0.8rem;
    padding-left: 10px;
}

.student_review .card-heading {
    border-left: 4px solid #253746;
}

@media (max-width: 767px) {
    .frag-card .services-cta a::after {
        content:"";
        width: 30px;
        bottom: 24px;
        height: 30px;
        background: url("/sites/default/files/2024-04/d05ec30b106d296e4d6e3f1c8bbff74e_0.png") no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        position: absolute;
        display: inline-block;
        background-position: 35% 6%;
        transform: scale(0.7);
    }

    .test-prep .mobile-logo {
        margin-top: 20px !important;
    }

    .tailorred {
        //display: none;
    }

    .tailorred img {
        margin-top: -30px;
    }

    section.subscription-sec {
        margin-top: -15px;
    }

    .trusted {
        padding: 0 10px;
    }

    .fragomen .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #FF8500;
    }

    .fragomen .swiper-pagination-bullet {
        background-color: #253746;
        opacity: 1;
    }

    .fragomen .swiper-pagination {
        position: absolute;
        right: 0px!important;
        top: 58vh!important;
        rotate: 90deg!important;
    }

    section.services-fragomen {
        padding: 30px 0 15%;
    }

    .pad-r h3.dert,.pad-r h2 {
        display: none;
    }

    .subheading-mobile.hidden h4 {
        font-size: 1.6rem;
        line-height: 2rem;
        color: #253746;
        font-family: 'ProximaNova-Bold';
        font-weight: 700;
    }

    .subheading-mobile.hidden h4 br {
        display: none;
    }

    .student_review {
        background-color: #FFF3E6;
    }

    section#trits h2 {
        text-align: center;
    }

    section.student_review .col-md-8,.student_review .col-md-3 {
        padding: 0 10px;
    }

    .fragomen .swiper-slide img {
        height: 65vh;
        height: 500px;
    }

    .fragomen .swiper-slide .desk-frag {
        display: none;
    }

    .frago-num:nth-child(2) {
        order: 2;
    }

    .frago-num:nth-child(3) {
        order: 3;
    }

    .frago-num:nth-child(4) {
        order: 1;
    }

    .fragomen-header li.nav-item.menu-cta .nav-link {
        width: max-content;
        float: right;
    }

    .fragomen-header .navbar-light .navbar-toggler {
        color: transparent;
        padding-left: 0px;
        border-color: unset;
    }

    .contact-cta-wrapper {
        background-color: #FF8500;
        padding: 5px 10px;
        text-align: center;
        border-radius: 5px;
        width: 100px;
        line-height: 22px;
    }

    .contact-cta-wrapper a {
        color: #ffffff;
        text-decoration: unset;
        font-family: 'ProximaNova-Regular';
        font-size: 0.8rem;
    }

    .fty {
        position: absolute;
        right: 12px;
    }

    .caour-frag .col-md-8,#destination-frag {
        padding-right: 0;
    }

    .student_review .card-heading {
        float: right;
        top: 5px;
        position: absolute;
        right: 0px;
        padding-right: 15px;
        width: 60%;
    }

    .mobile-content {
        width: 85%;
        margin: 20px 0;
    }

    .achi img {
        margin-bottom: 35px;
    }

    .services-fragomen .cards:hover a {
        background-color: #ff850000;
        color: #FF8500;
    }

    p.map-para {
        width: 100%;
    }

    .swiper-fragomen .latest-frag {
        position: relative;
    }

    .swiper-fragomen .col-md-10 {
        width: 70%;
    }

    .swiper-fragomen .col-md-2.latest-frag {
        width: 30%;
        padding: 10px 10px;
    }

    .latest-frag a {
        font-size: 0.7rem!important;
        line-height: 29px;
    }

    .knowledge_hubcards .cards_knowl {
        min-height: auto;
    }

    .frag-card a {
        border: unset;
        padding: 5px 0px;
        color: #FF8500;
        font-size: 16px;
        //display: none;
    }

    p.frag-para {
        text-align: justify;
    }

    #destination-frag .cards_knowl h5 {
        text-align: left;
        margin-top: 15px;
        padding: 0 15px;
    }

    #destination-frag .cards_knowl p {
        text-align: left;
        margin-top: 0px;
        padding: 0 15px;
    }

    #destination-frag .cards_knowl img {
        padding: 0;
        border-radius: 10px;
    }

    #destination-frag .cards_knowl {
        border: 1px solid #009cdc4a;
        margin-bottom: 35px;
        border-radius: 10px;
        margin-left: 0;
    }

    .test-prep .achi a.main-cta {
        display: none;
    }

    .frag-card {
        position: relative;
        padding: 0 20px;
    }

    section#why-fes {
        padding: 5% 10px 0;
    }

    .caour-frag .col-md-8 {
        padding-left: 20px;
    }

    .g2w,.achi {
        padding: 0 20px;
    }

    section#global-map {
        padding-left: 10px;
    }

    .gap25 {
        gap: 150px;
        padding: 80px 0px 0;
    }

    .services-fragomen img.img-fluid.fcd {
        width: 150px;
        position: absolute;
        top: -110px;
        height: 150px;
    }

    .services-fragomen .cards {
        border: 1px solid #26374742;
    }

    .services-fragomen .card-heading h3 {
        font-size: 1.4rem;
        margin-top: 30px;
    }

    .services-fragomen .card-content {
        margin: 10px 0 25px;
    }

    .caour-frag a.main-cta {
        margin: 20px auto 20px;
    }

    section.student_review .col-md-8 {
        margin-left: unset;
    }

    section.student_review .container {
        padding-left: 0 15px;
    }

    .student_review {
        padding: 60px 0px;
    }

    .hidden {
        margin-top: 0!important;
    }

    .pad-r a.main-cta {
        margin: 20px auto 0;
    }

    .test-prep a.main-cta {
        margin: 20px auto 40px;
    }

    .swiper-student .swiper-slide img {
        width: 100%;
        height: auto;
    }

    .swiper-right-stud {
        width: 100%;
    }

    .swiper-student .swiper-slide {
        display: block;
        width: 100% !important;
        margin-right: unset !important;
    }

    div#global-guide-map-display {
        display: none;
    }

    section#global-map {
        background-image: url("/sites/default/files/2025-03/bg2Destinations1.webp") !important;
    }

    .swiper-fragomen .mw {
        display: block;
    }

    section.swiper-fragomen.mw1 {
    }

    .frago-num {
        justify-content: center;
    }

    section#sec-counter {
        padding: 5% 0 5%;
        margin-top: 60px;
    }

    .frag-serv {
        padding-bottom: 25px;
        position: static;
        padding-top: 25px;
        padding-left: 20px;
        padding-right: 20px;
    }

    p.dert-map {
        color: #253746;
        text-align: left;
    }

    section#global-map h2 {
        text-align: left;
        color: #009CDC;
        margin-top: 30px;
    }

    p.map-para {
        color: #253746;
        text-align: left;
        margin: 0 0 25px;
    }

    .cards_knowl {
        margin: 0 12px;
    }

    section.hero-banner.caour-frag .container {
        max-width: 100%;
    }

    section#why-fes .container {
        margin-left: 0;
        max-width: 100%;
    }

    section#why-fes .pad-l {
        padding-left: 15px;
        margin-bottom: 25px;
    }

    section#trits h2 {
        width: 100%;
    }

    section#trits {
        padding: 10% 0 8%;
        margin: 10% 0;
    }

    .student_review .frag-para {
        margin-bottom: 45px;
    }

    .col-md-4.view-all-frag {
        order: 2;
        display: flex;
        justify-content: center;
    }

    .knowledge_hubcards .cards_knowl {
        margin: 0 0 20px;
    }

    .knowledge_hubcards .col-md-4,.knowledge_hubcards .col-md-8 {
        padding : 0 10px;
    }

    .tailorred {
        margin-bottom: 0px;
    }

    section.knowledge_hubcards {
        padding: 60px 0;
    }

    .main-text {
        top: 18%;
    }

    .main-text h1 {
        font-size: 2rem;
        line-height: 2.2rem;
    }

    .main-text p {
        font-size: 1.2rem;
        padding: 0 15px;
    }

    .swiper-fragomen .swiper-slide {
        width: 104%;
        padding: 16px 16px;
        font-size: 12px;
    }

    .latest-frag {
        height: 50px;
    }

    .latest-frag a {
        font-size: 1rem;
    }

    .frag-card:nth-child(2),.frag-card:nth-child(4) {
        margin-top: 0;
    }

    section.knowledge_hubcards h2 {
        margin-bottom: 20px;
    }

    .frago-num {
        width: 50%;
        display: grid;
        place-items: center;
        text-align: center;
    }

    .caour-frag .col-md-4 a.main-cta {
        margin-bottom: 35px;
        display: none;
    }

    section#why-fes .subheading-mobile h4 {
        font-family: 'ProximaNova-Bold';
        font-weight: 700;
        color: #253746;
        text-align: left;
        margin-bottom: 20px;
    }

    section.services-fragomen .hidden a.main-cta,.hidden,section#global-map .hidden a.main-cta {
        display: block;
        margin: 25px auto 0;
    }

    section#global-map .main-cta {
        display: none;
    }

    section#global-map .main-cta.destination-cta {
        display: block;
        margin: auto;
        margin-bottom: 25px;
    }

    #resource-frag .owl-carousel {
        padding: 0;
    }

    .testi .item img {
        width: 100px;
        height: 100px;
    }

    section#global-map .hidden a.main-cta {
        margin: 20px auto 15px;
    }

    .testi .item {
        display: unset;
        gap: 30px;
        padding-right: 20px;
    }

    section.student_review .col-md-8 {
        padding: 0 0 0 10px;
    }

    .student_review .card-content {
        margin-top: 20px;
        padding-right: 25px;
        text-align: justify;
    }

    section.knowledge_hubcards .container {
        max-width: 100%;
        padding: 0 20px;
    }

    h3.dert,p.dert,p.dert-map,section#trits h2,section.student_review .col-md-3 h2,section.knowledge_hubcards h2 {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    h3.dert br,p.dert br,section#trits h2 br {
        display: none;
    }

    .achi h2,#why-fes h2,h2.caurse-frag,section#global-map h2,.services-fragomen .frag-serv h2 {
        font-size: 1rem;
    }

    .main-text p {
        font-size: 0.9rem;
    }
}

.fty {
    width: 100%;
    max-width: 100%;
}

.fty {
    -webkit-print-color-adjust: exact;
    justify-self: self-start;
}

@media (min-width: 768px) {
    .main-cta.cour-cta {
        display:none;
    }

    #courses-frag button.owl-prev img {
        transform: rotate(180deg);
    }

    .mobile-map,.mobile-services-cta {
        display: none;
    }

    .latest-frag a:after {
        top: 22px;
    }

    .services-fragomen .cards:hover a img {
        filter: brightness(0) invert(1);
    }

    .frag-card a {
        width: 40px;
        height: 40px;
        display: block;
    }

    .frag-card a img {
        transform: scale(0.7);
        width: 15px;
    }

    .g2w {
        padding-right: 35px;
    }

    .fragomen .swiper-slide .mob-frag {
        display: none;
    }

    .pad-r {
        padding-bottom: 4%;
    }

    .student_review .card-content {
        margin-top: 30px;
    }

    .student_review .card-container {
        display: flex;
    }

    #resource-frag .owl-carousel.owl-theme.owl-loaded.owl-drag {
        display: flex;
        gap: 35px;
    }

    div#block-views-block-destination-pages-view-block-1 {
        display: none;
    }

    section#global-map .main-cta {
        display: none
    }

    .student_review .swiper-right-stud {
        display: grid;
    }

    .student_review .card-heading {
        order: 2;
        margin-top: 25px;
        height: fit-content;
    }
}

section#trits h2 {
    margin-bottom: 45px;
}

@media (min-width: 1600px) {
    .student_review .card-content {
        font-size:18px;
    }

    div#courses-frag h3 {
        font-size: 20px;
    }

    .knowledge_hubcards .cards_knowl {
        min-height: 530px;
    }

    .services-fragomen .frag-serv h2,section#global-map h2,h2.caurse-frag,#why-fes h2,.achi h2 {
        font-size: 1.4rem;
    }

    section#sec-counter .icon-text h3,p.dert-map,section#trits h2,section.student_review .col-md-3 h2,section.knowledge_hubcards h2,.help-fra h2 {
        font-size: 2.4rem;
        line-height: 2.8rem;
    }

    section#sec-counter .icon-text p {
        font-size: 1rem;
    }

    h3.dert,p.dert {
        font-size: 2.4rem;
        line-height: 2.8rem;
    }

    p.frag-para,a.main-cta,p.map-para,.knowledge_hubcards .cards_knowl p {
        font-size: 18px;
        line-height: 24px;
    }

    .knowledge_hubcards .cards_knowl h5 {
        font-size: 1.4rem;
    }

    .date-read {
        font-size: 1rem;
    }

    #courses-frag .card-img-overlay {
        bottom: 20%;
    }
}

@media (max-width: 430px) {
    div#block-fragomen-sitebranding {
        width:165px;
    }

    #trits img {
        margin-bottom: 12px;
    }

    .latest-frag a:after {
        width: 15px;
        top: 17px;
        transform: scale(0.7);
        height: 20px;
    }

    #courses-frag .card-img-overlay {
        bottom: 6%;
    }

    section.student_review img.vecto {
        width: 115px;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .home-page .iwmap-tooltip-wrap {
        width:300px;
    }

    .fra1 .main-text p {
        padding: 0 20px;
    }

    div#popupform #edit-preferred-study-destination-services span li.select2-selection__choice {
        margin-right: 2px;
    }

    div#popupform .floatingl_out .form-floating {
        width: 94.5%;
    }

    #courses-frag .card-img-overlay p {
        font-size: 12px;
    }

    #courses-frag .card-img-overlay {
        top: unset;
        bottom: 0%;
        min-height: 300px;
    }

    .latest-frag {
        padding: 10px 12px;
    }

    .latest-frag a {
        font-size: 0.8rem;
    }

    section#sec-counter .icon-text h3 {
        font-size: 1.4rem;
    }

    .col-md-5.frag-card {
        padding: 0;
    }

    .services-fragomen .card-heading h3 {
        font-size: 1.2rem;
    }

    h3.dert,p.dert {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    a.main-cta {
        padding: 15px 22px;
        font-size: 14px;
    }

    div#courses-frag img.w-100 {
        height: 400px;
        object-fit: cover;
    }

    #courses-frag .card {
        min-height: 400px;
    }

    .pad-l img {
        height: 100%;
        object-fit: contain;
    }

    section#trits h2 {
        font-size: 1.6rem;
        line-height: 2rem;
        width: 100%;
    }

    .student_review .swiper-right-stud {
        display: block;
    }

    .student_review .card-container {
        display: block;
    }

    .swiper-fragomen .swiper-slide {
        width: 100%;
    }

    .student_review .col-md-3.align-self-center {
        align-self: self-start !important;
    }

    section.student_review .col-md-3 h2,.help-fra h2 {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    section#sec-counter .icon-text p {
        font-size: 0.7rem;
        line-height: 1rem;
    }

    section.hero-banner.help-fragho-new {
        padding: 10% 0 9%;
    }

    .hero-banner.test-prep {
        padding: 5% 0;
    }
}

@media (min-width: 992px) {
    .home-page header.fragomen-header {
        background:transparent;
        position: fixed;
        width: 100%;
    }

    header.fragomen-header.sticky {
        background: #fff;
    }

    .home-page .fragomen-header.sticky .navbar-light .navbar-nav .nav-link {
        color: rgba(0,0,0,.7);
    }
}

@media (min-width: 1200px) {
    .home-page .iwmap-tooltip-body {
        width:300px;
    }

    .cards_knowl h5 a {
        font-size: 18px;
        line-height: .75rem;
    }

    .pad-l img {
        width: 120% !important;
        max-width: 120%;
    }
}

@media (min-width: 1500px) {
    .card-img-overlay {
        padding:1.75rem;
    }

    div#courses-frag h3 {
        font-size: 20px;
    }

    .cards_knowl h5 a {
        font-size: 21px;
        line-height: 1.5rem;
    }

    .knowledge_hubcards .cards_knowl p {
        font-size: 17px;
        line-height: inherit;
    }
}

@media (min-width: 1680px) {
    .card-img-overlay {
        padding:1.75rem;
    }

    div#courses-frag h3 {
        font-size: 20px;
    }

    #courses-frag .card-img-overlay p {
        font-size: 18px;
    }

    .cards_knowl h5 a {
        font-size: 24px;
        line-height: .75rem;
    }

    .knowledge_hubcards .cards_knowl p {
        font-size: 20px;
        line-height: inherit;
    }
}

@media (min-width: 1800px) {
    .card-img-overlay {
        padding:1.75rem;
    }

    div#courses-frag h3 {
        font-size: 20px;
    }

    #courses-frag .card-img-overlay p {
        font-size: 20px;
    }

    .cards_knowl h5 a {
        font-size: 26px;
        line-height: .75rem;
    }

    .knowledge_hubcards .cards_knowl p {
        font-size: 21px;
    }
}

@media (min-width: 1900px) {
    .card-img-overlay {
        padding:1.75rem;
    }

    div#courses-frag h3 {
        font-size: 26px;
    }

    #courses-frag .card-img-overlay p {
        font-size: 22px;
    }

    .cards_knowl h5 a {
        font-size: 30px;
        line-height: .75rem;
        line-height: inherit;
    }

    .knowledge_hubcards .cards_knowl p {
        font-size: 22px;
    }
}

@media (min-width: 1700px) {
    .services-fragomen .card-content {
        font-size:20px;
        line-height: 26px;
    }

    p.frag-para,a.main-cta,p.map-para,.knowledge_hubcards .cards_knowl p {
        font-size: 20px;
        line-height: 26px;
    }

    .student_review .card-content {
        font-size: 22px;
        line-height: 30px;
    }
}

@media (max-width: 767px) {
    .home-page .main-text {
        padding:0 10px;
    }

    section.leftbar-sticky.sticky {
        position: absolute;
        top: 450px;
        left: 7%;
    }

    .backToBottomBtn {
        width: 20px;
        height: 20px;
    }

    .mobile-services-cta a {
        margin: 30px auto 0;
        display: block;
    }

    .frag-serv .main-cta {
        display: none;
    }

    .services-fragomen.frag-2 {
        margin-top: 50px;
    }

    img.img-fluid.c1 {
        top: 30vh;
    }

    img.img-fluid.c5 {
        top: 30vh;
    }

    img.img-fluid.c4 {
        top: 30vh;
        right: 35%;
    }

    .home-page .map-frt {
        display: none;
    }

    .fra2 .main-text p,.fra4 .main-text p {
        width: 85%;
    }

    .home-page section.hero-banner.help-fragho-new {
        background-position-y: 100px;
        background-position-x: 122%;
    }

    .studet .owl-dots {
        padding-right: 6%;
    }

    #courses-frag .card-img-overlay p {
        opacity: 1;
        transform: unset;
    }

    #courses-frag .card-img-overlay {
        bottom: 0%;
        transform: unset;
    }
}

@media (max-width: 991px) {
    header.fragomen-header.sticky {
        background:#fff;
    }

    .search-icon {
        display: none;
    }

    .fragomen-header li.nav-item.menu-cta .nav-link {
        width: fit-content;
        float: right;
    }

    .fragomen-header .navbar-nav .nav-item:last-child a.nav-link {
        width: fit-content;
        float: right;
        margin-top: 10px;
    }
}

@media (min-width: 1100px) {
    #courses-frag .card-img-overlay {
        min-height:300px;
        bottom: -2%;
    }
}

.home-page .iwmap-pin {
    width: 30px!important;
    height: 30px!important;
}

.home-page .services-fragomen .card-content {
    display: none;
}

@media (min-width: 1320px) {
}

@media (min-width: 1200px) and (max-width:1420px) {
    .services-fragomen .card-heading h3 {
        font-size:1.3rem;
    }
}

@media (max-width: 767px) {
    #destination-frag .cards_knowl img:nth-child(2) {
        width:50px;
        margin: -23px auto 10px;
    }

    #destination-frag .cards_knowl li {
        text-align: left;
    }

    div#destination-frag h3 {
        font-family: 'ProximaNova-Regular';
        color: #253746;
        text-decoration: unset;
    }

    div#destination-frag .item a {
        color: #253746;
        text-decoration: unset;
    }

    #destination-frag .cards_knowl li {
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    section#why-fes .heading-mobile,section#why-fes .subheading-mobile {
        display:none
    }
}

.home-page .cards-spotlight {
    padding: 0;
}

.home-page .spotlight-card {
    width: 100%
}

.home-page .cards-spotlight:hover {
    box-shadow: none !important
}

.home-page .spotlight-card-cta a:last-child {
    opacity: 1 !important;
}

.home-page .spotlight-card-cta .main-cta {
    border: 1px solid #FF8500;
}

.home-page .spotlight-desk-cta {
    text-align: right;
    padding-right: 8%;
    color: #FF8500;
    margin-top: 30px;
}

.home-page .spotlight-desk-cta a {
    color: #ff8500;
    text-decoration: none;
    padding: 10px 60px;
    border: 1px solid#ff8500;
    border-radius: 8px;
}

.home-page .spotlight-mob-cta {
    display: none;
}

@media (max-width: 767px) {
    .home-page .spotlight-desk-cta a {
        padding:10px;
        font-size: 14px;
    }

    .home-page .spotlight-desk-cta {
        padding-right: 24px;
    }

    .home-page .cards-spotlight {
        box-shadow: 0 0 10px #d9d7d7 !important;
        margin-top: 10px;
    }

    .home-page .cards-spotlight {
        padding: 3% !important;
    }

    .home-page .spotlight-card {
        padding: 0 20px;
        margin: 0 !important;
    }

    .home-page .spotlight-card-cta .main-cta {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .home-page .spotlight-desk-cta a {
        padding:10px 30px;
    }

    .home-page .spotlight-card-cta {
        flex-direction: column;
        row-gap: 1rem;
    }

    .home-page .spotlight-card-cta a {
        width: 100% !important;
    }

    .home-page .spotlight-card-cta .main-cta {
        justify-content: center;
        align-items: center;
        font-size: 14px;
    }
}

.home-page .cards-spotlight img {
    margin-bottom: 2rem;
}

.home-page .cards-spotlight h4 {
    margin-bottom: 2rem;
}

.home-page .spotlight-desk-cta a:hover {
    background-color: #ff8500;
    color: #fff;
    transition: 0.3s all linear;
}

@media (min-width: 768px) and (max-width:990px) {
    .faq-page .accordion-header h3 {
        height:auto;
        margin-bottom: 0;
        padding: 15px 0;
    }
}